@charset "utf-8";
/* CSS Document */


body{ 
    font-size:12px;
	font-family:'微软雅黑', "宋体";
	line-height:180%; 
	color:#333333; 
	width:100%;
	background-repeat:repeat-x;
	text-align:left;
	}
	
body,img,form,ul,dl,input,fieldset,.clear,dt,dd,dl{
	margin:0px; 
	padding:0px; 
	border:0px;
	}

select{ padding:2px;}

input { outline:none;}
	
ul,dl{
	list-style-type: none;
}

h1,h2,h3,h4{ font-weight:normal; margin:0px; padding:0px;}

.clear{
	font-size: 0px;
	line-height:0px;
	clear: both;
	height:0px;
}

.fl{ float:left; display:inline;}

.fr{ float:right; display:inline;}
.fn{ float:none;}

.img_bor{ border:1px #d6d6d6 solid; padding:1px;}

a{ color:#3fa9e0;}

a:link,a:visited{ text-decoration:none;}

a:hover{ color:#3578fb; text-decoration:none;}

.font18{ font-size:18px;}
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font24{ font-size:24px;}
.font36{ font-size:36px;}
.fontRed{ color:#F00; text-shadow:0 1px 0 rgba(255,255,255,.3);}
.fontDeepRed{ color:#bb463a; text-shadow:0 1px 0 rgba(255,255,255,.3);}
.font999{ color:#999; text-shadow:0 1px 0 rgba(255,255,255,.3);}
.font666{ color:#666; text-shadow:0 1px 0 rgba(255,255,255,.3);}
.font333{ color:#333; text-shadow:0 1px 0 rgba(255,255,255,.3);}
.fontBlack{ color:#000; text-shadow:0 1px 0 rgba(255,255,255,.3);}
.fontWhite{ color:#FFF; text-shadow:0 -1px 0 rgba(0,0,0,.3);}
.fontOrange{ color:#fe3800}
.fontGreen{ color:#54b856}
.fontOrange2{ color:#f29e00;}
.fontYellow{ color:#fff000;}
.fontBlue{ color:#3578fb;}
.mr10{ margin-right:10px;}
.ml10{ margin-left:10px;}
.mt5{ margin-top:5px;}

.wf100{ width:100%;}
.wf95{ width:95%;}

/* 公共样式 */


/* 首页 */

.top{ background:url(../images/topBg.png) top repeat-x; height:105px; width:100%; position:fixed; z-index:100;}
.topContent{ width:1002px; margin:0 auto;}
.topPosition{ height:101px;display:block;}
.logo{ float:left;}
.logo a{ background:url(../images/logo.png) no-repeat; width:150px; height:60px; float:left; margin-top:15px;}
.menuArea{ float:right;}
.bigOne{ float:left; margin-top:8px;}
.bigOne ul li{ float:left; width:60px; padding:0 20px;  border-right:1px solid #eee;}
.bigOne ul li .icon{ background-image:url(../images/menuIcon.png); background-repeat:no-repeat; width:60px; height:60px; float:left;}
.home .text, .android .text, .ios .text, .web .text, .pc .text{ text-align:center; display:block; width:60px; font-size:14px; color:#1a2c32;}
.bigOne ul li:hover .text, .homeS .text, .androidS .text, .iosS .text, .webS .text, .pcS .text{text-align:center; display:block; width:60px; font-size:14px;  color:#3578fb;}
.home .icon{ background-position:-16px -13px;}
.home:hover .icon, .homeS .icon{ background-position:-16px -83px;}
.android .icon{ background-position:-113px -13px;}
.android:hover .icon, .androidS .icon{ background-position:-113px -83px;}
.ios .icon{ background-position:-210px -13px;}
.ios:hover .icon, .iosS .icon{ background-position:-210px -83px;}
.pc .icon{ background-position:-313px -13px;}
.pc:hover .icon, .pcS .icon{ background-position:-313px -83px;}
.web .icon{ background-position:-408px -13px;}
.web:hover .icon, .webS .icon{ background-position:-408px -83px;}

.smallOne{ float:left; margin-left:10px; padding-top:25px;}
.smallOne ul li{ float:left; margin-left:30px; font-size:14px;}
.smallOne ul{ width:350px;}

.banner{  width:100%; height:450px; float:left;}
.banner .bannerContent{ width:1002px; margin:0 auto; position:relative;}
.banner .buttonArea{ position:absolute; z-index:1000; margin-top:338px;}

.banner .bannerContent .topNews{ background:url(../images/topNews.png) bottom; height:220px; width:258px; float:right;}
.banner .bannerContent .topNews a{ color:#FFF;}
.banner .bannerContent .topNews a:hover{ color:#FF0;}
.banner .bannerContent .topNews .title{ text-align:center; font-size:18px; color:#FFF; padding:15px 0;}
.banner .bannerContent .topNews ul{ padding:0 25px;}
.banner .bannerContent .topNews ul li{ padding-bottom:10px;}

.bannerControl{ width:100%; border-bottom:1px solid #ddd; background:#FFF; height:30px; float:left;}
.bannerControl ul{ width:120px; height:16px; background:url(../images/bannerControl.png); margin:5px auto; padding-left:10px;}
.bannerControl ul li{ padding:3px 5px; float:left;}
.bannerControl .on, .bannerControl .off:hover{ width:12px; height:12px; background:url(../images/bannerControl.png) -3px -31px; float:left;}
.bannerControl .off{ width:12px; height:12px; background:url(../images/bannerControl.png) -42px -31px; float:left;}
.showcase{ background:#edeeef; float:left; width:100%;}
.showcase .showcaseOne{ background:url(../images/showcase1.jpg) center;float:left;}
.showcase .showcaseTwo{ background:url(../images/showcase2.jpg) center;float:left;}
.showcase .showcaseThree{ background:url(../images/showcase3.png) center;float:left;}
.showcase h1{ color:#FFF; font-size:22px; width:295px; padding:0px 0 5px 20px;}
.showcase h2{ color:#FFF; font-size:14px; width:225px; padding:20px 0 5px 20px;}
.showcase h3{ color:#FFF; font-size:14px; width:225px; padding:5px 0 5px 20px;}
.showcaseIn{ margin:0 auto;}

.showcaseIn{ width:1002px; height:330px; margin:0 auto;}
.showcaseOne { width:330px; height:330px;}
.showcaseTwo{ width:332px; height:330px; margin:0 5px;}
.showcaseThree{ width:330px; height:330px;}
  


.getuseArea{ width:1002px; margin:0 auto;}
.getuseArea .androidDowload{ width:500px; border-right:1px dashed #ddd;  border-bottom:1px dashed #ddd; float:left; padding:40px 0;}
.getuseArea .androidDowload .icon{ background:url(../images/iconType.png) no-repeat; width:85px; height:100px; float:left; margin-right:10px;}
.getuseArea .iosDowload{ width:471px; float:left; padding:40px 0 40px 30px;  border-bottom:1px dashed #ddd;}
.getuseArea .iosDowload .icon{ background:url(../images/iconType.png) -117px 0 no-repeat; width:85px; height:100px; float:left; margin-right:10px;}
.getuseArea .pcDowload{ border:1px dashed #ddd; border-width:0 1px 1px 0; width:500px;   float:left;padding:40px 0; }
.getuseArea .pcDowload .icon{ background:url(../images/iconType.png) -238px 0 no-repeat; width:85px; height:100px; float:left; margin-right:10px;}
.getuseArea .webDowload{border-bottom:1px dashed #ddd; width:471px; float:left; padding:40px 0 40px 30px;}
.getuseArea .webDowload .icon{ background:url(../images/iconType.png) -345px 0 no-repeat; width:85px; height:100px; float:left; margin-right:10px;}
.getuseArea .androidDowload .info .content, .getuseArea .webDowload .info .content{ padding-right:30px;}
.getuseArea .info .content h1{ font-size:24px; color:#000; padding-bottom:10px;}
.getuseArea .info .content h2{ font-size:12px; color:#666; padding-bottom:10px;}
.getuseArea .info .content .lineButton1{ background:url(../images/buttonBg1.png) 0 0 no-repeat; width:79px; height:42px; line-height:130%; padding-top:8px; display:inline-block; font-size:14px; padding-left:30px; cursor:pointer; color:#3578fb;}
.getuseArea .info .content .lineButton1:hover{ color:#e44467;  background:url(../images/buttonBg1.png) -129px 0 no-repeat;}
.getuseArea .info .content .lineButton1 .QR{ border:1px solid #eee; background:#f8f8f8; padding:5px; position:absolute; display:none;}
.getuseArea .info .content .lineButton1:hover .QR{ border:1px solid #eee; background:#f8f8f8; padding:5px; position:absolute; display:block; margin:-100px 0 0 80px;}

.others{ clear:both; background:#edeeef; width:100%; padding:20px 0; float:left;}
.others .FAQ, .others .brand, .others .conment{ border-bottom:solid 3px #d9dadb; background:#FFF; width:320px; float:left; height:300px; overflow:hidden;}
.othersIn{ width:1002px; margin:0 auto;}
.FAQ .topLine{ 
  background:-webkit-gradient(linear, 0 0, 100% 0, from(#c0e8d9), to(#5b96b5));
  background:-moz-gradient(linear, 0 0, 100% 0, from(#c0e8d9), to(#5b96b5));
  background:-ms-gradient(linear, 0 0, 100% 0, from(#c0e8d9), to(#5b96b5));
  background:-o-gradient(linear, 0 0, 100% 0, from(#c0e8d9), to(#5b96b5));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0e8d9', endColorstr='#5b96b5');
  height:3px; width:320px;
  float:left;

  }
 
.FAQ .title{border-bottom:1px solid #EEE; padding:10px; width:300px; float:left;}
.FAQ .title .text{ color:#5d97b6; font-size:18px; float:left;}
.FAQ .title .more{ font-size:12px; float:right;}
.FAQ ul { padding:10px; float:left;}
.FAQ ul li{ width:300px; float:left; line-height:230%;}
.FAQ ul li a{ color:#666; font-size:14px;}
.FAQ ul li a:hover{ color:#3578fb;}

.brand .topLine{
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#b4df6d), to(#499931));
    background:-moz-gradient(linear, 0 0, 100% 0, from(#b4df6d), to(#499931));
    background:-ms-gradient(linear, 0 0, 100% 0, from(#b4df6d), to(#499931));
    background:-o-gradient(linear, 0 0, 100% 0, from(#b4df6d), to(#499931));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4df6d', endColorstr='#5b96b5');
    height:3px; width:320px;
    float:left;
	}

.brand{ margin:0 15px;}
.brand .title{border-bottom:1px solid #EEE; padding:10px; width:300px; float:left;}
.brand .title .text{ color:#4a9931; font-size:18px; float:left;}
.brand .title .more{ font-size:12px; float:right;}
.brand .title .more a{ color:#4a9931;}
.brand .title .more a:hover{ color:#3578fb;}
.brand ul{ float:left; padding-left:15px; padding-top:10px;}
.brand ul li{ float:left; padding-right:10px;}

.conment .topLine{
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#eddd33), to(#fa7500));
    background:-moz-gradient(linear, 0 0, 100% 0, from(#eddd33), to(#fa7500));
    background:-ms-gradient(linear, 0 0, 100% 0, from(#eddd33), to(#fa7500));
    background:-o-gradient(linear, 0 0, 100% 0, from(#eddd33), to(#fa7500));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eddd33', endColorstr='#fa7500');
    height:3px; width:320px;
    float:left;
	}

.conment .title{border-bottom:1px solid #EEE; padding:10px; width:300px; float:left;}
.conment .title .text{ color:#fa7600; font-size:18px; float:left;}
.conment .title .more{ font-size:12px; float:right;}
.conment .title .more a{ color:#fa7600;}
.conment .title .more a:hover{ color:#3578fb;}
.conment ul{ padding:10px; width:300px; float:left;}
.conment ul li{ width:300px; float:left; margin-bottom:10px;}
.conment ul li a .icon{ float:left; width:45px; height:45px; border-radius:25px; border:1px solid #eee; margin:0 10px;}
.conment ul li a .info{ float:left; width:200px;}
.conment ul li a .info .name{ float:left; width:200px; font-size:14px; color:#333;}
.conment ul li a .info .conmentContent{ float:left; width:200px;color:#666;}

.honor{ padding:10px 0; float:left; width:100%;}
.footer{ clear:both; width:100%; border:1px solid #eee; border-width:1px 0; float:left; background:#FFF;}
.footerIn{ width:1002px; margin:0 auto; padding-top:20px;}
.footer .line{ float:left; margin-right:96px;}
.footer .line .title a{ color:#3578fb;}
.footer .line ul li{ clear:both; float:left;}
.footer .line ul li a{ color:#999;}
.footer .line ul li a:hover{ color:#3578fb;}
.footer .line .wechat{ background:url(../images/icon.png) no-repeat; padding-left:30px; height:30px; float:left; line-height:30px;}
.footer .line .weibo{ background:url(../images/icon.png) no-repeat 0 -32px; padding-left:30px; height:30px; float:left; line-height:30px;}
.footer .line .share{ background:url(../images/icon.png) no-repeat 0 -64px; padding-left:30px; height:30px; float:left; line-height:30px;}
.footer .link{ clear:both; width:100%; float:left; border:1px #eee solid; border-width:1px 0; padding:10px 0;}
.footer .linkIn{ width:1002px; margin:0 auto; color:#666;}
.copyright{ width:1002px; margin:0 auto; line-height:50px; color:#999;}
.footer .linkIn a{ color:#999; padding-right:13PX;}
.footer .linkIn a:hover{ color:#3578fb;}
.height10{ height:10px; display:block;}

.specialBanner{ width:100%; height:509px; float:left;}
.androidBanner{ background:url(../images/androidBanner.jpg) center;}
.iphoneBanner{ background:url(../images/iphoneBanner.jpg) center;}
.webBanner{ background:url(../images/webBanner.jpg) center #409cdf;}
.specialBanner .bannerContent{  width:1002px; margin:0 auto;}
.specialBanner .bannerContent .info{ margin-top:200px;}
.greenButtonBig{ background:url(../images/greenButton.png); height:70px; width:110px; padding-left:10px; float:left; color:#FFF; font-size:18px; text-align:left;}
.greenButtonBig:hover{ background:url(../images/greenButton.png) -130px 0; color:#FFF;}
.greenButtonBig .DimensionsCode{ border:1px solid #eee; background:#f8f8f8; padding:5px; position:absolute; display:none; border-radius:3px;}
.greenButtonBig:hover .DimensionsCode{ border:1px solid #eee; background:#f8f8f8; padding:5px; position:absolute; display:block;  margin:-200px 0 0 0px;}

.specialBanner .bannerContent .info .fontWhite a:hover{ text-decoration:underline; color:#fff;}
.quickReg{ border-bottom:1px solid #dcdcdc; background:#FFF; padding:10px 0; width:100%; float:left;}
.regInput{ width:450px; margin:0 auto;}
.regInput input{ border:1px solid #eee; border-top-left-radius:5px; border-bottom-left-radius:5px; border-width:1px 0 1px 1px; height:32px; padding:15px; color:#666; font-size:16px; width:270px; float:left;  transition:border ease-out .3s;}
.regInput input:focus{ border:1px solid #3578fb;  border-width:1px 0 1px 1px;  transition:border ease-out .3s;}
.regInput a{ border-bottom-right-radius:5px; border-top-right-radius:5px; width:130px; text-align:center; font-size:16px; line-height:64px; height:64px; float:left; color:#FFF; background-color:#3578fb; transition:background-color linear .3s;}
.regInput a:hover{ background-color:#f64269; transition:background-color linear .3s;}

.session{ width:100%; float:left;}
.grey{ background-color:#edeeef;}
.grey h1{ font-size:30px; text-align:center; color:#66b400; padding:70px 0 60px 0;}
.grey h2{ font-size:14px; font-weight:normal; color:#666; text-align:center;}
.functionIcon{ width:1002px; margin:0 auto; float:left; padding-bottom:60px;}
.androidFunction{  background:url(../images/androidPhone.png) right bottom no-repeat;}
.sessionIn{ width:1002px; margin:0 auto;}
.functionIcon li{ float:left; width:330px; padding-right:4px; margin-bottom:70px;}
.functionIcon li .icon{ background-image:url(../images/icon2.png); background-repeat:no-repeat; width:100px; height:100px; float:left; padding-right:10px;}
.functionIcon .androidIcon1 .icon{ background-position:0 0;}
.functionIcon .androidIcon2 .icon{ background-position:-341px 0;}
.functionIcon .androidIcon3 .icon{ background-position:-678px 0;}
.functionIcon .androidIcon4 .icon{ background-position:0 -181px;}
.functionIcon .androidIcon5 .icon{ background-position:-341px -181px;}
.functionIcon .iphoneIcon1 .icon{ background-position:0px -390px;}
.functionIcon .iphoneIcon2 .icon{ background-position:-346px -390px;}
.functionIcon .iphoneIcon3 .icon{ background-position:-690px -390px;}
.functionIcon .iphoneIcon4 .icon{ background-position:0px -571px;}
.functionIcon .iphoneIcon5 .icon{ background-position:-346px -571px;}
.functionIcon .iphoneIcon6 .icon{ background-position:-690px -571px;}
.functionIcon .title{ font-size:18px; float:left; padding:10px 0; color:#666;}
.functionIcon .text{ float:left; width:210px; color:#666;}

.cloud{ background:url(../images/cloudBg.jpg) center; height:500px;}

.blue{ background:#042b6d;}
.blue h1{ font-size:30px; text-align:center; color:#FFF; padding:70px 0 60px 0;}
.blue h2{ font-size:14px; font-weight:normal; color:#dde0e7; text-align:center; height:150px;}
.safty{ height:567px; background:url(../images/cloudBlueBg.jpg) no-repeat center;}
.safty ul li{ float:left; width:334px; text-align:center;}
.safty ul li .icon{ background-image:url(../images/icon2.png); background-repeat:no-repeat; width:61px; height:61px; display:block; margin-left:130px; *margin-left:15px;}
.safty ul .backup .icon{ background-position:0 -1191px;}
.safty ul .gesture .icon{ background-position:-354px -1191px;}
.safty ul .finance .icon{ background-position:-722px -1191px;}
.safty ul li .title{ display:block; color:#FFF; font-size:14px; font-weight:700; padding:20px 0;}
.safty ul li .text{ display:block; padding:0 30px; text-align:center; color:#a4abbf; padding-top:5px; }

.faster{ background-image:url(../images/operation.png); background-position:bottom; background-repeat:no-repeat; padding-bottom:320px;}


/* news */

.miniBanner{ width:100%; height:250px; float:left;}
.miniBanner .bannerIn{ width:100%; height:250px; float:left;}
.newsCenter{ background:url(../images/banner_newsBg.jpg)  no-repeat center #93cee2;}
/*.newsCenter .bannerIn{ background:url(../images/banner_news.jpg) center no-repeat;} */
.main{ background:#edeeef; width:100%; float:left;}
.mainIn{ width:1002px; margin:0 auto; padding-top:20px;}
.mainIn .mainL{ width:258px; float:left;}
.mainIn .mainL .nav{ width:248px; border-top:3px solid #3578fb; border-bottom:#ced1d2 3px solid; background:#fff; padding-bottom:50px; float:left; margin-bottom:20px;}
.mainIn .mainL .nav ul li{ float:left; border-bottom:1px solid #eee; }
.mainIn .mainL .nav ul li a{ font-size:18px; color:#4e505a; line-height:60px; display:block; width:100%; height:60px;}
.mainIn .mainL .nav ul .navS{ background:url(../images/arrow.png) right center no-repeat; width:218px; padding:0 15px; cursor:pointer;  transition:background linear .3s;}
.mainIn .mainL .nav ul .navN:hover{ background:url(../images/arrow.png) right center no-repeat #f8f8f8; width:218px; padding:0 15px; cursor:pointer;  transition:background linear .3s;}
.mainIn .mainL .nav ul .navN{ background:none; width:218px; padding:0 15px; cursor:pointer;  transition:background linear .3s;}

.mainIn .mainR{ float:left; width:744px;}
.box{ background:#FFF; border-bottom:#ced1d2 3px solid; float:left; margin-bottom:10px; width:744px;}
.box .title{ font-size:24px; border-bottom:1px solid #eee; line-height:63px; padding-left:20px;}
.box .newsList ul li{ border-bottom:1px solid #eee; float:left; width:100%;}
.box .newsList ul li a{ background:none; display:block; padding:20px; transition:background linear .3s;}
.box .newsList ul li a:hover{ background:#F8F8F8; transition:background linear .3s;}
.box .newsList ul li a .newsTitle{ color:#000; font-size:14px; display:block; padding-bottom:5px;
}
.mainIn .mainR .box .newsList ul li a .abstract{ color:#999; font-size:12px; display:block;}
.mainIn .mainR .box .newsList ul li a .data{ color:#999; display:block;}

.page{ float:right; padding:10px;}
.page .pageOn{ background:#3578fb; color:#fff; padding:5px; transition:background linear .3s;}
.page .pageOff{ color:#999999; padding:5px; background:#e6e9eb; transition:background linear .3s;}
.page .pageOff:hover{ color:#3578fb; background:#d6edfc; transition:background linear .3s;}
.newsDetail .newsName{ background:#f8f8f8; padding:30px 20px 10px 20px; text-align:center; color:#333;}
.newsDetail .info{ color:#999; text-align:center; font-size:12px; background:#f8f8f8; padding-bottom:10px;}
.newsDetail .text{ padding:20px; }

.sameNews{ background:#fff; border-bottom:3px solid #ced1d2; padding-bottom:10px; float:left; width:248px;}
.sameNews .title{ background:#c3c7c9; color:#fff; font-size:12px; line-height:35px; padding-left:10px;}
.sameNews ul{ padding:10px; float:left;}
.sameNews ul li{ float:left; width:228px; padding-bottom:5px;}
.sameNews ul li a{ color:#666666; display:block;}
.sameNews ul li a:hover{ color:#3578fb;}

.update{ background:url(../images/banner_update.jpg) center;}
.updateBanner{  width:742px; height:120px; float:left;}
.UBandroid{ background:url(../images/miniBanner_android.png);}
.updateBanner .text{ padding:40px 0 0 50px;}
.updateContent{ background:url(../images/updateBg.png) left repeat-y; float:left; width:100%;}
.updateContent .updateList{ float:left; padding:10px; width:722px;}
.updateContent .updateList .left{ float:left; width:63px;}
.updateContent .updateList .left .date{ background:url(../images/dateBg.png); width:48px; height:48px; float:left; margin-bottom:5px;}
.updateContent .updateList .left .date .day{ color:#fff; font-size:30px; text-align:center; width:48px; line-height:30px; float:left; padding-top:5px;}
.updateContent .updateList .left .date .year{ color:#fff; font-size:12px; text-align:center; width:48px; line-height:12px; float:left;}
.updateContent .updateList .left .version{ background:url(../images/versionBg.png); width:48px; height:48px; text-align:center; color:#fff; line-height:48px; float:left; margin-bottom:5px;}
.updateContent .updateList .right{ border:1px solid #eee; border-radius:3px; background:#f8f8f8; width:600px; padding:10px 20px; float:left;}
.blueButton{ border:1px solid #2167ef; background:#3578fb; border-radius:3px; transition:background linear .3s;  padding:5px 20px; color:#FFF;}
.blueButton:hover{ border:1px solid #61a501; background:#6dba00; width:100px; transition:background linear .3s; color:#FFF;}
.blueButton:active{ border:1px solid #61a501; background:#64aa01; transition:background linear .3s; color:#FFF;}

.tabList{ border-bottom:1px solid #EEE; width:100%; float:left; padding:10PX 0;}
.tab{  width:402px; margin:10px auto;}
.tabIn{ border-radius:3px; border:1px solid #dfe1e4; float:left; background:#f0f2f4; width:404px; line-height:35px;}
.tabN{ width:100px; float:left; text-align:center;  line-height:35px;  background:#f0f2f4; }
.tabS{ width:100px; float:left; background:#FFF; text-align:center; color:#3578fb;  line-height:35px;}
.middleTab{ border:1px solid #dfe1e4; border-width:0 1px;}

.nextNews, .preNews{ border:1px solid #eee; padding:5px; color:#666; background:#F8F8F8; transition:border linear .3s;}
.nextNews:hover, .preNews:hover{ border:1px solid #3578fb; background:#FFF; transition:border linear .3s;}

.tags{ width:96%; padding:5px 2%; float:left; border:1px solid #eee; border-width:1px 0;}
.tags a{ border:1px solid #cdd4d7; background:#f3f6f7; border-radius:20px; color:#526a7a; padding:5px 10px; margin-right:10px;}
.tags a:hover{ border:1px solid #3578fb; background:#FFF; color:#3578fb; transition:border linear .3s;}

.helpCenter{ background:url(../images/banner_help.png) center no-repeat #FFF;}
.helpCenter .searchArea{ width:1002px; margin:0 auto;}
.helpCenter .searchArea .search{ float:right; padding-top:100px; width:402px;}
.helpCenter .searchArea .search input{ border:1px solid #38aae7; border-radius:3px; height:20px; width:250px; line-height:20px; padding:10px; float:right;}
.helpCenter .searchArea .search .searchButton{ border-radius:3px; background:#38AAE7; height:42px; color:#FFF; float:right; font-size:18px; text-align:center; width:120px; line-height:42px;}
.helpCenter .searchArea .search .searchButton:hover{ background:#e44467;  transition:background linear .3s;}
.helpCenter .searchArea .hotKeyword { clear:both; float:left; padding-top:10px; width:402px; white-space:nowrap}
.helpCenter .searchArea .hotKeyword a{ padding-right:5px;}

/* 下载中心 */

.downloadDoc{ background:url(../images/downloadBg.png) right bottom  no-repeat; float:left; width:100%; padding-bottom:150px;}
.downloadText{ background:url(../images/downloadText.png) no-repeat center; width:569px; padding:20px 0 40px 0; margin:20px 0 0 40px; height:60px;}
.downloadButtonArea{ clear:both; float:left; padding:40px 0 40PX 40PX;}
.downloadButtonArea ul{ float:left;}
.downloadButtonArea ul li{ float:left; width:120px; margin-right:20px;}
.downloadButtonArea ul li .web{ background:url(../images/icon2.png) no-repeat -252px -1392px; float:left; width:100px; padding-top:100px; font-size:14px; color:#666;}
.downloadButtonArea ul li .web:hover{ color:#3578fb;}
.downloadButtonArea ul li .android{ background:url(../images/icon2.png) no-repeat -4px -1392px; float:left; width:100px; padding-top:100px; font-size:14px; color:#666;}
.downloadButtonArea ul li .android:hover{ color:#3578fb;}
.downloadButtonArea ul li .ios{ background:url(../images/icon2.png) no-repeat -128px -1392px; float:left; width:100px; padding-top:100px; font-size:14px; color:#666;}
.downloadButtonArea ul li .ios:hover{ color:#3578fb;}
.downloadButtonArea ul li .pc{ background:url(../images/icon2.png) no-repeat -379px -1392px; float:left; width:100px; padding-top:100px; font-size:14px; color:#666;}
.downloadButtonArea ul li .pc:hover{ color:#3578fb;}

.flower{ background:url(../images/iphone1.jpg) no-repeat center; height:564px;}
.life{ background:url(../images/iphone2.jpg) center; height:514px;}
.web1{ background:url(../images/web1.png) no-repeat center bottom #edeeef; height:570px;}
.saveMoney{ background:url(../images/web2.png) no-repeat center bottom; height:470px;}

.serviceWeb{ height:467px;}
.serviceWeb ul li{ float:left; width:334px; text-align:center;}
.serviceWeb ul li .icon{ background-image:url(../images/icon2.png); background-repeat:no-repeat; width:61px; height:61px; display:block; margin-left:130px; *margin-left:15px;}
.serviceWeb ul .manyWays .icon{ background-position:-2px -1540px;}
.serviceWeb ul .littleTime .icon{ background-position:-350px -1540px;}
.serviceWeb ul .bestQuality .icon{ background-position:-718px -1540px;}
.serviceWeb ul li .title{ display:block; color:#FFF; font-size:14px; font-weight:700; padding:20px 0;}
.serviceWeb ul li .text{ display:block; padding:0 30px; text-align:center; color:#fcdddb; padding-top:5px; }
.red .sessionIn h1{  font-size:30px; text-align:center; color:#FFF; padding:70px 0 100px 0;}

.red{ background:#f57f73;}

.FAQ{ background:url(../images/faqbanner.jpg) no-repeat center #1dbb90; }
.cyanButton, .cyanButton:active{ border-radius:15px; font-size:12px; color:#FFF; background:#00bab9; padding:3px 5px; transition:linear background .3s;}
.cyanButton:hover{ border-radius:15px; font-size:12px; color:#FFF; background:#f57f73; padding:3px 5px; transition:linear background .3s;}

.FAQlist{ clear:both; width:960px; margin:0 auto; padding-top:20px;}
.FAQlist li{ margin-bottom:10px; float:left; cursor:pointer;}
.FAQlist .unfold, .FAQlist .fold{ background:#f8f8f8; border:1px solid #eee; padding:5px; width:950px; float:left;  transition:background linear .3s;}
.FAQlist .FAQtitle{ font-size:16px; color:#666; line-height:30px;}
.FAQlist .unfold .FAQtitle .icon{ background:url(../images/arrowDown.png); width:18px; height:18px; margin:5px 10px 0 0;}
.FAQlist .unfold .content{ background:#FFF; padding:10px; width:930px; margin-top:5px; float:left;}
.FAQlist .unfold:hover{ cursor:pointer; background:#eee;}
.FAQlist .fold .FAQtitle .icon{ background:url(../images/arrowRight.png); width:18px; height:18px; margin:5px 10px 0 0; transition:background linear .3s;}
.FAQlist .fold .content{ display:none;}
.FAQlist .fold:hover{ background:#eee;  transition:background linear .3s;}
.FAQlist .fold:hover .FAQtitle .icon{ background:url(../images/arrowDown.png); transition:background linear .3s;}

.serve{ background:url(../images/serveBanner.jpg) center #FFF;}
.severList{ width:744px;}
.severList ul li{ width:247px; border:1px solid #eee; border-width:0 1px 1px 0; float:left;}
.severList ul li a .icon{ width:97px; height:97px; background-image:url(../images/icon2.png); background-repeat:no-repeat; float:left; margin:40px 75px 0 75px;}
.severList ul li a .text{ color:#838383; font-size:16px; text-align:center; width:247px; float:left; padding-top:20px;}
.severList ul li a{ float:left; width:247px; height:227px; background:#FFF; transition:background linear .3s;}
.severList ul li a:hover{ float:left; width:247px; height:227px; background:#f8f8f8; transition:background linear .3s;}
.severList .regButton .icon{ background-position: 0 -770px;}
.severList .androidDowload .icon{ background-position: -240px -770px;}
.severList .iphoneDowload .icon{ background-position: -487px -770px;}
.severList .findPassword .icon{ background-position: 0px -999px;}
.severList .buy .icon{ background-position: -240px -999px;}
.severList .feedback .icon{ background-position: -487px -999px;}

.contactService ul{ padding-top:20px;}
.contactService ul li{ float:left; width:248px; padding-bottom:20px;}
.contactService ul li .icon{  background-image:url(../images/icon2.png); background-repeat:no-repeat; width:96px; height:96px; float:left; margin:10px 76px;}
.contactService ul li .textLine1, .contactService ul li .textLine2, .contactService ul li .textLine3{ width:248px; text-align:center; float:left; padding:2px 0;}
.contactService ul li .textLine1{ font-size:14px; color:#666;}
.contactService ul li .textLine2{ font-size:16px; color:#333;}
.contactService ul li .textLine3{ font-size:12px; color:#666;}
.contactService .phone .icon{ background-position: 0 -1658px;}
.contactService .onlineSever .icon{ background-position: -231px -1658px;}
.contactService .mail .icon{ background-position: -466px -1658px;}
.contactService .wechat .icon{ background-position: 0 -1889px;}
.contactService .weibo .icon{ background-position: -226px -1889px;}
.contactService .form .icon{ background-position: -466px -1889px;}

.greybox{ border:1px solid #eee; background:#F8F8F8; float:left; margin:15px; border-radius:3px; padding:10px; color:#999;}

.aboutUs{ background:url(../images/banner_aboutUs.jpg) center no-repeat;}

.evolution ul{ background:url(../images/evolutionLine.png) left repeat-y;}
.evolution ul li { background:url(../images/evolutionPoint.png) left top no-repeat; padding:0 0 20px 25px; line-height:180%;}
.evolution{ padding:20PX 20PX 0 20PX;}

.contactConment{ padding:15px 0; float:left;}
.buttonGo{ background:url(../images/buttonBg2.png) 0 0 no-repeat; width:79px; height:31px; line-height:31px; display:inline-block; font-size:14px; padding-left:30px; cursor:pointer; color:#3578fb;}
.buttonGo:hover{ color:#e44467;  background:url(../images/buttonBg2.png) -129px 0 no-repeat;}
.inputBorder{ border:1px solid #cddae4; padding:5px 5px;}

.popConment{ position: absolute; background:url(../images/conmentBg.png); width:668px; height:552px; padding-left:40px;}
.close{ background-image:url(../images/closeIcon.png); background-repeat:no-repeat; background-position:center; cursor:pointer; width:23px; height:23px; background-color:#e77070; float:right; margin-right:10px; margin-top:10px;}
.close:hover{ background-color:#7091e7; transition:linear background-color .3s; cursor:pointer;}

.showcaseBanner{ background:url(../images/banner_showcase.jpg) center no-repeat;}

.case{background:#FFF; border-bottom:#ced1d2 3px solid; float:left; margin:10px 12px 20px 12px; width:270px; height:320px; overflow:hidde; padding:15px;  transition:linear background-color .3s; cursor:pointer;}
.case .customLogo{ width:270px; text-align:center; padding:20px 0;}
.case .customConment{ font-size:14px; color:#666; line-height:200%; text-indent:2em; transition:linear color .3s;}
.case:hover{ background-color:#5fbbdd; transition:linear background-color .3s;}
.case:hover .customConment{ color:#FFF; transition:linear color .3s;}


.showcase1024 .showcaseIn{ width:1002px; height:330px; margin:0 auto;}
.showcase1024 .showcaseOne { width:330px; height:330px;}
.showcase1024 .showcaseTwo{ width:332px; height:330px; margin:0 5px;}
.showcase1024 .showcaseThree{ width:330px; height:330px;}

.showcase1280 .showcaseIn{ width:1200px; height:396px; margin:0 auto;}
.showcase1280 .showcaseOne { width:396px; height:396px;}
.showcase1280 .showcaseTwo{ width:398px; height:396px; margin:0 5px;}
.showcase1280 .showcaseThree{ width:396px; height:396px;}

.showcase1440 .showcaseIn{ width:1360px; height:450px; margin:0 auto;}
.showcase1440 .showcaseOne { width:450px; height:450px;}
.showcase1440 .showcaseTwo{ width:450px; height:450px; margin:0 5px;}
.showcase1440 .showcaseThree{ width:450px; height:450px;}

.buyBanner{ background:url(../images/buyBg.jpg) center; height:664px; float:left; width:100%;}
.buyBanner .showProduct{ width:1000px; position: relative; margin:0 auto;}
.buyBanner .showProduct .imac{ background:url(../images/imac.png); width:540px; height:516px; position:absolute; z-index:1; margin-top:130px; -webkit-animation:sliderInImac ease-in-out 1.5s; margin-left:-250px;}
.buyBanner .showProduct .macbook{ 
background:url(../images/macbook.png); width:532px; height:321px; position:absolute; margin:260px 0 0 0;
-webkit-animation:sliderInMacbook ease-in-out 1.5s; 
margin-left:-40px;
}
.buyBanner .showProduct .iphoneS{ 
background:url(../images/iphones.png); width:143px; height:269px; position:absolute; margin:330px 0 0 0; z-index:2;
-webkit-animation:slideriphone ease-in-out 1.8s; 
margin-left:250px;
}
.buyBanner .showProduct .S3{ 
background:url(../images/s3.png); width:120px; height:260px; position:absolute; z-index:3; margin:330px 0 0 0;
-webkit-animation:sliders3 ease-in-out 2s; 
margin-left:390px;
}

@-webkit-keyframes sliderInImac{
    0% { margin-left:0px;}
	100% { margin-left:-250px;}
}

@-webkit-keyframes sliderInMacbook{
    0% { margin-left:-150px;}
	100% { margin-left:-40px;}
}

@-webkit-keyframes slideriphone{
    0% { margin-left:-150px;}
	100% { margin-left:250px;}
}

@-webkit-keyframes sliders3{
    0% { margin-left:0px;}
	100% { margin-left:390px;}
}


.buyArea{ margin:0 auto; width:1002PX;}
.buyAreaIn{ float:right; padding-top:140px; width:470px;}
.buyArea h1{ font-size:30px; color:#FFF; padding-bottom:20px;}
.buyArea h2{ font-size:14px; color:#9596a5; padding-bottom:20px;}
.buyArea .title{ font-size:14px; color:#babbc4; width:80px; float:left; line-height:25px;}
.buyArea .short{ background:url(../images/short.png); width:40px; height:40px; cursor:pointer; float:left; transition:background linear .3s}
.buyArea .short:hover{ background:url(../images/shortHover.png); transition:background linear .3s}
.buyArea .short:active{ background:url(../images/shortPress.png); transition:background linear .3s;}
.buyArea .inputC{ background:url(../images/inputC.png); padding:10px 0; width:40px; height:20px; line-height:20px; font-size:14px; color:#FFF; text-align:center; overflow:hidden; transition:background linear .3s; margin:0 10px; float:left;}
.buyArea .inputC:focus{ background:url(../images/inputCpress.png); transition:background linear .3s;}
.buyArea .plus{ background:url(../images/plus.png); width:40px; height:40px; cursor:pointer; float:left; transition:background linear .3s}
.buyArea .plus:hover{ background:url(../images/plusHover.png); transition:background linear .3s}
.buyArea .plus:active{ background:url(../images/plusPress.png); transition:background linear .3s;}

.inputLine{  margin-bottom:20px; float:left;}

.buyButton{ background:#90c700; font-size:18px; color:#000000; text-align:center; float:left; width:140px; height:40px; line-height:40px; transition:background linear .3s; border-radius:5px;}
.buyButton:hover{ background:#fff000; transition:background linear .3s; color:#000;}
.buyButton:active{ background:#baaf01; transition:background linear .3s;}

.event{ background-color:#FFF; width:100%; float:left;}
.eventIn{ width:1002px; margin:0 auto;}
.event .title{ font-size:30px; color:#333; line-height:30px; padding-bottom:20px;}

.G2{ background:url(../images/2Bg.jpg) top center no-repeat #4d627d; width:100%; float:left;}
.G2 h1{ color:#FFF; font-size:30px; text-align:center; padding:80px 0 40px 0; font-weight:normal;}
.G2 h2{ color:#d4d8dd; font-size:24px; text-align:center; font-weight:normal;}
.G2 .G20{ background:url(../images/G2.png) no-repeat center; width:100%; float:left; height:200px; padding:40px 0;}
.G2 .G21{ background:url(../images/G21.png) no-repeat center top; width:100%; float:left; height:453px; padding-bottom:50px;}
.G23{ padding:30px 0; float:left; width:100%;}
.G24{ background:url(../images/G23.png) center bottom no-repeat #edeeef; width:1002px; height:650px; margin:0 auto;}
.G25{ background:url(../images/G24.jpg) center bottom #000; padding-top:80px; height:720px; float:left; width:100%;}
.G25 h1{ color:#ffffff; text-align:center; font-size:30px;}
.G26{ width:100%; float:left; background:url(../images/G25.jpg) center bottom #022f50 ; height:467px;}
.G26 h1{ color:#FFF; text-align:center; padding-top:80px; font-size:30px;}

.videoList{ padding:20px 0 20px 20px; float: left;}
.videoList ul li{ float:left; margin-right:20px; margin-bottom:20px;}
.videoList ul li a{ border:1px solid #ccc; float:left; padding:5px; width:208px; border-radius:3px; transition:border linear .3s, background  linear .3s;}
.videoList ul li a:hover{ border:1px solid #3578fb; background:#f1f6ff; transition:border linear .3s, background  linear .3s;}
.videoList ul li a .photo{ border:1px solid #ccc; float:left; width:206px; height:149px;}
.videoList ul li a .cover2{ background:url(../images/videoHover.png); width:206px; height:149px; position:absolute; display:none; transition:display linear .3s;}
.videoList ul li a:hover .cover2{ display:block; transition:display linear .3s;}
.videoList ul li a .text{ text-align:center; width:196px; float:left; padding:5px; color:#666; overflow:hidden; white-space:nowrap; font-size:14px;}
.videoList ul li a:hover .text{ color:#3578fb; font-size:14px;}

.regTop{ background:url(../images/regTopBg.png); height:105px; width:100%; float:left;}
.regTop .logo a{ background:url(../images/logo.png); width:131px; height:60px; float:left; margin-left:30px;}
.regMain{ width:1002px; margin:0 auto;}
.regMain .regBox{ background:url(../images/regFormBg.png); width:778px; height:540px; float:left; margin:30px 112px 0 112px;}
.regMain .regBox .regTitleArea{ padding:30px 40px;}
.regTitleArea .title{ font-size:24px; color:#3578fb; float:left;}
.regTitleArea a{ color:#3578fb;}
.regTitleArea a:hover{ color:#f8b100;}
.regBox .left{ float:left; width:370px; padding-left:40px;}
.regBox .right{ background:#f3f6f7; border-left:#d9dddf 1px solid; height:434px; width:330px; float:right; margin:8px 18px 0 0;}
.regBox .talent ul li .icon{ background-image:url(../images/regIcon.png); width:73px; height:73px; float:left; margin-right:20px;}
.regBox .talent ul .regIcon1 .icon{ background-position:0 0;}
.regBox .talent ul .regIcon2 .icon{ background-position:0 -108px;}
.regBox .talent ul .regIcon3 .icon{ background-position:0 -213px;}
.regBox .talent ul li{ clear:both; float:left; margin-bottom:20px;}
.regBox .talent ul li .fl{ width:228px;}
.regBox .talent ul li h1{ font-size:16px; color:#4d627d; padding-top:5px;}
.regBox .talent ul li h2{ font-size:12px; color:#8793a3;}

.regBox .right .form{ padding-top:20px; float:left; height:360px; width:334px;}
.regInput2{ border:1px solid #d9dddf; height:14px; padding:8px; width:100%;}
.regInput2:focus{ border:1px solid #549ffe;}
.error{ border:1px solid #ffadbe;}
.errorInfo{ background:#ffcad5; color:#cf2447; margin:0 5px; padding:0 5px;}

.yzm{ position:absolute; margin-top:-30px; margin-left:120px;}
.regBox .step{ float:left; width:300px; padding:0 30px 0 0;}
.regBox .greenButton{ float:right; background-color:#6dba00; color:#FFF; border-radius:3px; padding:5px 25px; transition:background-color linear .3s;}
.regBox .greenButton:hover{ background-color:#3578fb; transition:background-color linear .3s;}
.regBox .greenButton:active{ background-color:#6dba00; transition:background-color linear .3s;}
.reSend{ border-radius:3px; color:#FFF; background-color:#6dba00; height:28px; padding:0 10px; line-height:28px; transition:background-color linear .3s;}
.reSend:hover{ color:#FFF; background-color:#3578fb; transition:background-color linear .3s;}
.reSend:active{ background-color:#6dba00; transition:background-color linear .3s;}
.clock{ background:#eee; color:#999; border-radius:3px; cursor:default; height:28px; padding:0 10px; line-height:28px; }
.clock:hover{ color:#999;}

.choseArea{ width:380px; float:left;}
.choseArea .num{ background:url(../images/choseButton.png) 0 -34px ; float:left; width:65px; height:25px; line-height:25px; margin:0 10px 5px 0; text-align:center; color:#FFF;}
.choseArea .numS, .choseArea .num:hover{ background:url(../images/choseButton.png) 0 0px ; float:left; width:65px; height:25px; line-height:25px; margin:0 10px 5px 0; text-align:center; color:#FFF;}

.choseArea .more{ clear:both; float:left; color:#c3c4cc;}
.choseArea .more:hover{ color:#FF0;}
.onSale{ color:#FFF; clear:both; margin-top:10PX; float:left; width:240px;}
.normalPrice{ color:#72748c; text-decoration:line-through; padding-left:10px; white-space:nowrap;}

.pcBanner{ background:url(../images/pcbanner.jpg) center;}
.offlinePC{ background-image:url(../images/offlinePC.jpg); background-position:bottom center; background-repeat:no-repeat; height:600px;}
.sycPC{ background-image:url(../images/sycPC.jpg); background-position:bottom center; background-repeat:no-repeat; background-color:#fff; height:600px;}

.intimate{ height:467px;}
.intimate ul li{ float:left; width:334px; text-align:center;}
.intimate ul li .icon{ background-image:url(../images/intimateIcon.png); background-repeat:no-repeat; width:61px; height:61px; display:block; margin-left:130px; *margin-left:15px;}
.intimate ul .icon1 .icon{ background-position:0px 0px;}
.intimate ul .icon2 .icon{ background-position:-310px 0px;}
.intimate ul .icon3 .icon{ background-position:-612px -0px;}
.intimate ul li .title{ display:block; color:#FFF; font-size:14px; font-weight:700; padding:20px 0;}
.intimate ul li .text{ display:block; padding:0 30px; text-align:center; color:#f9f1e1; padding-top:5px; }
.yellow .sessionIn h1{  font-size:30px; text-align:center; color:#FFF; padding:70px 0 100px 0;}

.yellow{ background:#e2b239;}

.numInput{background:url(../images/choseButton.png) 0 -34px ; float:left; width:65px; height:25px; line-height:25px; margin:0 10px 5px 0; text-align:center; color:#FFF;}

.event{ padding:30px 0; float:left;}
.event ul li{ width:320px; height:205px; float:left; background:#5fbbdd;}
.event ul li a{ width:320px; height:205px; float:left;}

.imgList{ padding:20px 0 20px 20px; float: left;}
.imgList ul li{ float:left; margin-right:20px; margin-bottom:20px;}
.imgList ul li a{ border:1px solid #ccc; float:left; padding:5px; width:208px; border-radius:3px; transition:border linear .3s, background  linear .3s;}
.imgList ul li a:hover{ border:1px solid #3578fb; background:#f1f6ff; transition:border linear .3s, background  linear .3s;}
.imgList ul li a .photo{ border:1px solid #ccc; float:left; width:206px; height:149px;}
.imgList ul li a .cover2{ width:206px; height:149px; position:absolute; display:none; transition:display linear .3s;}
.imgList ul li a:hover .cover2{ display:block; transition:display linear .3s;}
.imgList ul li a .text{ text-align:center; width:196px; float:left; padding:5px; color:#666; overflow:hidden; white-space:nowrap; font-size:14px;}
.imgList ul li a:hover .text{ color:#3578fb; font-size:14px;}

#party{ position:absolute; width:611px; height:611px; top:30px; z-index:1000;}
.darkCover{ background:url(../images/coverBg.png); width:100%; height:100%; float:left; position:absolute; z-index:1000; top:0px;}





/***********************************************改版样式******************************/
/**头部***/
.w{ width:1200px; margin:0px auto;}

.haeder{ width:100%; height:48px; border-bottom:1px solid #f2f2f2; background:#fff;}
.haeder .fr{ float:right;}
.haeder .fr img,.haeder .fr a{ display:block; float:right;}
.haeder .fr img{ margin-top:9px;}
.haeder .fl ul{ margin-left:4px;}
.haeder .fl ul,.haeder .fl span{ display:block; float:left; height:32px; margin:0px; padding:0px;}
.haeder .fl{ padding-left:40px; background:url(../images/horn.png) left center no-repeat; height:32px; overflow:hidden; line-height:32px; margin-top:8px; margin-left:13px;}
.haeder .fl span{ margin-top:10px; margin-left:10px;}
.haeder .fl span a{ display:block; width:8px; height:12px; background:url(../images/top-arrow.png) no-repeat;}
.haeder .fl span a:hover{background:url(../images/top-arrow-hover.png) no-repeat;}
.haeder .fl li a{ color:#999; font-size:14px;}
.haeder .fl li a:hover{ color:#3578fb;}







.top{  height:105px; width:100%; position:fixed; z-index:100; border-bottom:1px solid #e2e2e2; background:#fff;}
.topContent{ width:1200px; margin:0 auto;}
.topPosition{ height:101px;display:block;}
.logo{ float:left; margin-top:15px;}
.logo a{ background:url(../images/logo.png) no-repeat; width:150px; height:60px; float:left; margin-top:15px;}


.bigNoIcon{ float:left; margin-left:70px;}
.bigNoIcon .menu{ float:left; width:auto; margin-top:10px;}
.bigNoIcon .menu .menuN, .bigNoIcon .menu .menuS{ float:left; height:85px; line-height:85px; font-size:18px; margin-right:10px;}
.bigNoIcon .menu .menuS, .bigNoIcon .menu .menuN:hover{ border-top:5px solid #fff;}
.bigNoIcon .menu .menuN{ border-top:5px solid #fff;}
.bigNoIcon .menu .menuN .text{ color:#333333;  padding:0 20px;}
.bigNoIcon .menu .menuS .text, .bigNoIcon .menu .menuN:hover .text{ color:#0562d9;  padding:0 20px;}
.bigNoIcon .menu .dropdown .text{ background:url(../images/dropdown.png) no-repeat right center; float:left; position:relative;}
.bigNoIcon .menu .dropdown:hover .text{ background:url(../images/dropdownS.png) no-repeat right center; float:left; position:relative;}
.bigNoIcon .menu .dropdown .moreList,.Columns .Three{ display:none;} 
.bigNoIcon .menu .dropdown:hover .moreList,.Columns:hover .Three{ display:block; background:#FFF; border:1px solid #d1d1d1; box-shadow:0 3px 3px rgba(0,0,0,.3); position:absolute; top:90px; width:230px; float:left; *margin-left:-150px;}
.bigNoIcon .menu .dropdown .moreList li,.Columns .Three li{ float:left; border-bottom:1px solid #d7d7d7; width:230px;}
.bigNoIcon .menu .dropdown .moreList li .moreText,.Columns .Three li .moreText{ float:left; width:200px; padding:10px 15px; height:40px; transition:background linear .3s;}
.bigNoIcon .menu .dropdown .moreList li .moreText:hover,.Columns .Three li .moreText:hover{ background:#eee; transition:background linear .3s;}
.bigNoIcon .menu .dropdown .moreList li .moreText .icon,.Columns .Three li .moreText .icon{ float:left; width:34px; height:34px; margin-right:10px; background-image:url(../images/icon3.png); margin-top:2px;}
.bigNoIcon .menu .dropdown .moreList li .moreText .content,.Columns .Three li .moreText .content{ float:left; width:156px; height:40px; line-height:100%;}
.bigNoIcon .menu .dropdown .moreList li .moreText .content .font14,.Columns .Three li .moreText .content .font14{ color:#444a50;}
.bigNoIcon .menu .dropdown .moreList li .moreText .content .font12,.Columns .Three li .moreText .content .font12{ color:#7c858f;}
.bigNoIcon .menu .dropdown .moreList .arrow{ background:url(../images/arrowT.png) no-repeat center; height:8px; width:200px; float:left; position:absolute; margin-top:-8px; *top:0px; *margin-left:-200px;}
.PutOnRecord{background:url(../images/PutOnRecord.gif) center no-repeat; width:128px; height:47px; display:block; float:left;}




.web .icon{ background-position:-408px -13px;}
.web:hover .icon, .webS .icon{ background-position:-408px -83px;}
ArrowR{background:url(../images/arrowRight.png) no-repeat; width:18px; height:18px; margin:5px 10px 0 0; float:right}
.ArrowR:hover{background:url(../images/arrowRight2.png) no-repeat; width:18px; height:18px; margin:5px 10px 0 0;float:right;}


.DimensionsCode .WXHead{padding:5px; position:absolute; display:none;}
.DimensionsCode:hover .WXHead{ position:absolute; display:block; margin:-70px 0 0 55px; z-index:100;}
.navbar-brand { float: left; height: 32px; padding: 15px 15px; font-size: 18px; line-height: 20px ;margin-top:23px;}
.navbar-brand:focus, .navbar-brand:hover { text-decoration: none }
.navbar-brand>img { display: block }
@media (min-width:768px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -15px }
}
.greenButtonBig .DimensionsCode span{ display:none;}
.greenButtonBig{ background:url(../images/greenButton.png); height:70px; width:110px; padding-left:20px; float:left; color:#FFF; font-size:18px; text-align:left;}
.greenButtonBig:hover{ background:url(../images/greenButton.png) -200px 0; color:#FFF;}
.greenButtonBig .DimensionsCode{ border:1px solid #eee; background:#f8f8f8; padding:5px; position:absolute; display:none; border-radius:3px;}
.greenButtonBig:hover .DimensionsCode{ border:1px solid #eee; background:#f8f8f8; padding:5px; position:absolute; display:block;  margin:-200px 0 0 0px;}




.SingleIcon {
  background-position: -63px -317px;}
.MoreIcon {
  background-position: -63px -388px;
}

.ColumnsIcon {
  background-position: -63px -465px;
}
.IndustryIcon {
  background-position: -63px -536px;
}



/**产品页轮播图**/
@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('fonts/League_Gothic-webfont.eot');
	src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/League_Gothic-webfont.woff') format('woff'),
		 url('fonts/League_Gothic-webfont.ttf') format('truetype'),
		 url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


#ie8 img { width: auto; }

#main-header { position: relative; }
	#top-area, #footer-bottom { background-repeat: no-repeat; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; }

	#top-area { padding-bottom: 57px; }
		body.home.blog #top-area, body.et_default_homepage #top-area { padding-bottom: 0; }

		.page-title-area { color: #fff; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); padding-top: 130px; clear: both; }
		.page-title-area h1, .description h2 { font-size: 60px; color: #fff; }

#breadcrumbs-wrapper, #services {border-top: 1px solid #304854;border-bottom: 1px solid #0D151B;
background: #fff;
background: -moz-linear-gradient(top, rgba(29, 47, 56, 1) 0%, rgba(22, 37, 44, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29, 47, 56, 1)), color-stop(100%,rgba(22, 37, 44, 1)));
background: -webkit-linear-gradient(top, rgba(29, 47, 56, 1) 0%,rgba(22, 37, 44, 1) 100%);
background: -o-linear-gradient(top, rgba(29, 47, 56, 1) 0%,rgba(22, 37, 44, 1) 100%);
background: -ms-linear-gradient(top, rgba(29, 47, 56, 1) 0%,rgba(22, 37, 44, 1) 100%);
background: linear-gradient(to bottom, rgba(29, 47, 56, 1) 0%,rgba(22, 37, 44, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2f38', endColorstr='#16252c',GradientType=0 );
-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.1) inset;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
padding: 78px 0 70px;
}

		#breadcrumbs-wrapper { padding: 16px 0 18px; -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 -5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 -5px 10px rgba(0, 0, 0, 0.2); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 -5px 10px rgba(0, 0, 0, 0.2); border-top: 1px solid #000; }

		#et-search-form { float: right; margin-left: 10px; width: 196px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 1px solid #0b151b; -moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1), inset 0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1), inset 0 0 4px rgba(0,0,0,0.4); box-shadow: 1px 1px 0 rgba(255,255,255,0.1), inset 0 0 4px rgba(0,0,0,0.4); background: #142027; /* Old browsers */
background: -moz-linear-gradient(top, #142027 0%, #17262e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#142027), color-stop(100%,#17262e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #142027 0%,#17262e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #142027 0%,#17262e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #142027 0%,#17262e 100%); /* IE10+ */
background: linear-gradient(to bottom, #142027 0%,#17262e 100%); /* W3C */ }
			#search_input { background: none; border: none; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,1); margin: 0; padding: 12px 7px 12px 20px; width: 135px; }
			#search_submit { top: 4px; position: relative; }
		#breadcrumbs { line-height: 1.5; color: #c3e54b; padding-top: 9px; }
			#breadcrumbs a, #breadcrumbs .raquo { color: #fff; text-decoration: none; }
			#breadcrumbs a:hover { opacity: 0.9; }
			#breadcrumbs .raquo { margin: 0 3px; }

	body.home.blog #top-area, body.et_default_homepage #top-area { position: absolute; width: 100%; z-index: 100; background: none !important; }
		.top-content { padding-top: 50px; }
			#logo { float: left; margin-right: 10px; }
			#menu-wrap { float: right; padding-top: 27px; }

			#social-icons, #top-menu { float: left; }
			#social-icons { margin-left: 25px; }
				#social-icons li { float: left; margin: 0 8px; }

#services { border-top: 1px solid #304854; border-bottom: 1px solid #0d151b; background: rgb(29,47,56); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(29,47,56,1) 0%, rgba(22,37,44,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29,47,56,1)), color-stop(100%,rgba(22,37,44,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  rgba(29,47,56,1) 0%,rgba(22,37,44,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  rgba(29,47,56,1) 0%,rgba(22,37,44,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  rgba(29,47,56,1) 0%,rgba(22,37,44,1) 100%); /* IE10+ */ background: linear-gradient(to bottom,  rgba(29,47,56,1) 0%,rgba(22,37,44,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2f38', endColorstr='#16252c',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.1) inset; box-shadow: 0 -1px 0 rgba(0,0,0,0.1) inset; padding: 78px 0 70px; }
	.container { text-align: left; margin: 0 auto; width: 960px; position: relative; }
		.service { float: left; width: 222px; margin-right: 50px; text-shadow: 1px 1px 0 rgba(0,0,0,0.7); color: #fff; position: relative; padding-left: 64px; }
		.last { margin-right: 0 !important; }
		
			.service h3 { font-size: 30px; padding-bottom: 9px; text-transform: uppercase; color: #fff; }
			.service p { padding-bottom: 20px; }
			.read-more { font-size: 18px; color: #fff; text-transform: uppercase; float: right; }
			.read-more:hover { text-decoration: none; }
				.read-more span { color: #c3e54b; }

		#services .read-more, #services .read-more span { -moz-transition: all 0.12s ease-in-out; -webkit-transition: all 0.12s ease-in-out; transition: all 0.12s ease-in-out; }
		#services .read-more:hover { text-shadow: 0 0 8px rgba(255,255,255,0.8); }
			#services .read-more { position: relative; padding-right: 14px; }
				#services .read-more span { position: absolute; top: 0; right: 0; }
				#services .read-more:hover span { margin-left: 7px; right: -7px; }

#content { border-top: 1px solid #f9f9f9; border-bottom: 1px solid #e6e6e6; background: ; padding: 99px 0 93px; background: url(../images/content-top-shadow.png) no-repeat top center; }
	#testimonials, .commentlist, #respond { background-color: #fff; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1)); filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1)); }
	#testimonials { float: left; width: 428px; margin-right: 60px; margin-left: 24px; position: relative; }
		#testimonials:before { content: ''; position: absolute; bottom: -21px; right: 45px; border-top: 21px solid #fff; border-left: 21px solid transparent; }
		.testimonial { padding: 32px 42px 27px 39px; }
			.testimonial-image { position: absolute; top: 18px; left: -24px; }
				.testimonial-image img, .testimonial-image:before { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: block; }
			.testimonial .title { display: inline-block; font-size: 30px; text-transform: uppercase; padding-bottom: 9px; }
			.testimonial h2, #recent-updates h2 { color: #454545; }
			.testimonial span.title { color: #c3e54b; }
		.js #testimonials .testimonial { display: none; }
		.js #testimonials .testimonial:first-child { display: block; }

		#testimonials .et-controllers { position: absolute; bottom: -40px; left: 0; width: 100%; text-align: center; }
			#testimonials .et-controllers a { display: inline-block; width: 20px; height: 20px; background: url(../images/testimonials_control.png) no-repeat; text-indent: -9999px; margin: 0 1px; }
			#testimonials .et-controllers a.et-active-control { background-image: url(../images/testimonials_active_control.png); }

	#recent-updates { float: left; width: 448px; padding-top: 32px; text-shadow: 1px 1px 0 #fff; }
		#recent-updates h2 { font-size: 30px; text-transform: uppercase; padding-bottom: 16px; }
			.recent-updates-image { float: left; margin-right: 18px; position: relative; }
				.recent-updates-image img, .recent-updates-image span { border-radius: 100%; display: block; }
				.testimonial-image:before { content: ''; }
				.recent-updates-image span, .testimonial-image:before { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset, 1px 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset, 1px 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset, 1px 1px 0 rgba(255, 255, 255, 0.2); left: 0; position: absolute; top: 0; height: 100%; width: 100%; }
			.recent-update h3 { font-weight: 800; font-size: 16px; padding-top: 6px; }
				.recent-update h3 a { text-decoration: none; color: #454545; }
			.recent-update p.meta-info a { color: #454545; text-decoration: none; }
			.recent-update p.meta-info a:hover { color: #000; }
		#recent-updates	.read-more { color: #454545; padding-top: 13px; }
#logos { border-top: 1px solid #fefefe; border-bottom: 1px solid #fefefe; padding: 36px 0 40px; }
	#logos a { margin-right: 57px; }
		#logos a:nth-child(4) { margin-right: 0; }

	#logos img { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: 194px; }
	#logos a:hover img { opacity: 0.5; }

#content-area { padding: 80px 0; }
	#left-area { float: left; margin-right: 47px; width: 623px; }
		.entry { margin-bottom: 60px; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); padding: 38px 33px 38px 40px; }
			.entry h2.title, h1.title { font-size: 30px; text-transform: uppercase; padding-bottom: 4px; }
				.entry h2.title a { text-decoration: none; color: #454545; }
				.entry h2.title a:hover, .entry .read-more:hover { color: #272727; }
			.entry .meta-info { font-size: 30px; text-transform: uppercase; padding-bottom: 32px; color: #c3e54b; }
				.entry .meta-info a { text-decoration: none; color: #c3e54b; }
				.entry .meta-info a:hover { color: #abcb3b; }
			.entry-thumbnail { margin: 0 -34px 32px -40px; position: relative; }
				.entry-thumbnail img { display: block; }
			.entry-thumbnail:before { -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.6) inset; -moz-box-shadow: 0 0 4px rgba(0,0,0,0.6) inset; box-shadow: 0 0 4px rgba(0,0,0,0.6) inset; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; pointer-events: none; }
			.entry p { padding-bottom: 24px; }
			.entry .read-more { color: #454545; }

.recent-update h3 { font-family: 'Open Sans', Arial, sans-serif; }

.entry-content ul, .comment-content ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px; }
	.entry-content ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 0; line-height: 26px; }
		.entry-content ul li ul, .entry-content ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; }
		.entry-content ol li ul, .entry-content ol li ol, .comment-content ol li ul, .comment-content ol li ol  { padding: 2px 0px 2px 35px; }

.entry-content h1, .entry-content h2, .entry-content h3 { font-weight: 900; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 15px 0 10px; }
.entry h2.title, h1.page-title, .entry h1.title { margin: 0; }

#content table { border: 1px solid #eee; margin: 0 0 15px 0; text-align: left; width: 100%; }
	#content tr th, #content thead th { color: #555; font-weight: bold; padding: 9px 24px; }
	#content tr td { border-top: 1px solid #eee; padding: 6px 24px; }

/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/


#top-menu li { float: left; margin: 0 10px; }
#top-menu > ul > li:first-child { margin-left: 0; }
	#top-menu a { color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.4); position: relative; }
	#top-menu > ul > li > a { padding-bottom: 10px; }
	#top-menu a, #top-menu a .menu-highlight, #mobile_menu  .menu-highlight { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: all 0.12s ease-in-out; -webkit-transition: all 0.12s ease-in-out; transition: all 0.12s ease-in-out; }
		#top-menu a .menu-highlight, #mobile_menu  .menu-highlight { position: absolute; bottom: 4px; left: 0; background: #c3e54b; height: 2px; width: 100%; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); }
	#top-menu a:hover, .mobile_nav, #top-menu .current-menu-item > a { text-decoration: none; text-shadow: 0 0 15px rgba(255,255,255,0.6); }
		#top-menu a:hover .menu-highlight, #mobile_menu a:hover  .menu-highlight, #top-menu .current-menu-item > a .menu-highlight { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); }
	#top-menu .current-menu-item > a, .mobile_nav { font-weight: 800; }

	.mobile_nav { color: #fff; font-size: 16px; border-bottom: 2px solid #c3e54b; position: relative; }

	.mobile_nav a { position: relative; }
	#mobile_menu  .menu-highlight { bottom: 0; }

/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;

		-o-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		transform: scale(1);
	}
}


#et-slider-wrapper { height: 732px; position: relative; background: #eee; top:-8px;}
	.et-slide { background-repeat: no-repeat; background-position: top center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		.et-slide .container { padding: 220px 0 0; }
			.et-slide .description {  color: #000; font-size: 18px; width:632px; margin:0px auto;  padding-top: 185px; text-align:center;
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;

	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp; }
	
	
	

	
	
	
				.description h2 { font-size: 60px; color: inherit; }
					.description h2 a { color: #000; }
					.description h2 a:hover { text-decoration: none; color:#589cf8; }
					.subtitle { font-size: 24px; text-transform: uppercase; color: #000; }
.description .more {  display: inline-block;  font-size: 16px; color: #fff;  padding: 10px 52px; border: 1px solid #589cf8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #589cf8;}
.description .ys-more{ background:none; color:#589cf8}

.description .more:hover { color: rgba(255,255,255,0.9); text-decoration: none;background:#488eee;}
.description .ys-more:hover{ color:#478deb; background:#f1f1f1;}



	
.et-slide .scription-professional{ padding-top:134px;}
.scription-professional h2{ font-size:48px; color:#333;}
.scription-professional h2 font{ color:#ffc333;}
.scription-professional h2 span{ color:#589cf8; margin-left:15px;}







.featured-image { margin:0px auto; width: 535px;
-webkit-animation-duration: .6s;
	-webkit-animation-delay: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .8s;
	animation-timing-function: ease;
	animation-fill-mode: both;

	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}

.js .et-slide { display: none; }
.js .et-slide:first-child { display: block; }

.et-slider-arrows a { display: block; background-repeat: no-repeat; width: 48px; height: 81px; position: absolute; top: 360px; text-indent: -9999px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; filter:alpha(opacity=40); opacity:0.4}
#et-slider-wrapper .et-arrow-prev { left: 60px; background-image: url(../images/left-arrow.png); }
#et-slider-wrapper .et-arrow-next { right: 60px; background-image: url(../images/right-arrow.png); }
#et-slider-wrapper:hover .et-slider-arrows a { opacity: 1; }
#et-slider-wrapper:hover .et-arrow-prev { left: 80px; }
#et-slider-wrapper:hover .et-arrow-next { right: 80px; }

#et-slider-controls { position: absolute; bottom: 75px; left: 0; width: 100%; }
	#et-slider-controls .et-controllers { width: 530px; margin:0px auto;text-align: center; }
		#et-slider-controls .et-controllers a { display: inline-block; width: 17px; height: 17px; background: url(../images/slider_control.png) no-repeat; text-indent: -9999px; margin: 0 1px; }
		#et-slider-controls .et-controllers a.et-active-control { background-image: url(../images/active_slider_control.png); }

		.et-controllers a.et-active-control:hover { cursor: default; }

/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

.commentlist, #respond { padding: 40px; }
#comments, #reply-title { font-size: 30px; text-transform: uppercase; }
.comment-body { position: relative; padding: 0 0 0 75px; margin: 20px 0; }
	.comment_avatar { position: absolute; top: 0; left: 0; }
		.comment_avatar img { display: block; }
	.comment_avatar:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); box-shadow: inset 0 0 7px rgba(0,0,0,0.5); }
	.comment_postinfo { font-size: 24px; text-transform: uppercase; margin-bottom: 5px; }
	.fn, .fn a { color: #454545; text-decoration: none; }
	.comment_date { color: #c3e54b; margin-left: 4px; }

	.comment-reply-link, .form-submit #submit { float: right; position: relative; padding-right: 12px; color: #454545; font-size: 18px; text-transform: uppercase; }
		.comment-reply-link:hover { color: #111; text-decoration: none; }
		.comment-reply-link:before { content: '\00BB'; position: absolute; top: 0; right: 0; color: #C3E54B; }

	.commentlist .children { padding-left: 75px; }

	#respond { margin-top: 60px; }

	#commentform input[type="text"] { width: 40%; }
	#commentform textarea { width: 89%; }
	#commentform textarea, #commentform input[type="text"] { border: 1px solid #e0dddd; padding: 20px; color: #555e58; font-size: 14px; background: #fff; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); box-shadow: inset 0 0 7px rgba(0,0,0,0.1); }

	#reply-title small { display: block; font-size: 12px; padding-top: 5px; font-weight: bold; letter-spacing: 0; font-family: 'Open Sans', Arial, sans-serif; }

	.form-submit { text-align: right; }
		.form-submit input { font-size: 14px; float: none; }

	.comment #respond, #trackbacks { margin-bottom: 30px; }

	.comment #respond { background: none; -moz-box-shadow: none; -webkit-filter: none; filter: none; padding: 0; margin-top: 32px; }

	.form-submit #submit { background: none; border: none; }

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

#footer-widgets { border-top: 1px solid #d8d8d8; padding: 99px 0 59px; text-shadow: 1px 1px 0 #fff; background-color: #ececec; }
	#footer-copyright { margin-top: -9px; font-family: Georgia, serif; font-style: italic; font-size: 16px; color: #c5c5c5; margin-bottom: -5px; }
	.footer-widget { float: left; width: 280px; margin-right: 60px; color: #787878; }
		.footer-widget h4.widgettitle { font-size: 30px; padding-bottom: 9px; text-transform: uppercase; color: #454545; }
#footer-bottom { padding: 55px 0 25px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5); }
	.bottom-nav li { float: left; padding-right: 22px; }
		.bottom-nav li.current_page_item a { color: #c3e54b; font-weight: 800; }
		.bottom-nav li a { color: #fff; text-decoration: none; }
		.bottom-nav li a:hover { color: #eee; }
	p#copyright { text-align: right; font-size: 12px; color: #fff; }
		p#copyright a { color:#fff; font-weight: 800; }
.f_widget { margin-bottom: 25px; }


/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

#sidebar { float: left; width: 290px; }
	#sidebar a, #footer-widgets a { color: #454545; }
	#sidebar a:hover, #footer-widgets a:hover { color: #111; text-decoration: none; }

	.widget { margin-bottom: 42px; text-shadow: 1px 1px 0 #fff; }
		.widget h4.widgettitle { font-size: 30px; text-transform: uppercase; padding-bottom: 14px; color: #454545; }

		.widget li, .f_widget li { padding: 0 0 15px 15px; background: url(images/widget-bullet.png) no-repeat 0 6px; }
			.widget li:hover, .f_widget li:hover { background-image: url(images/hover-widget-bullet.png); }
				.f_widget li ul, .widget li ul { margin: 15px 0 -15px; }

/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }


/*------------------------------------------------*/
/*---------------[DEFAULT DROPDOWN SETTINGS]---*/
/*------------------------------------------------*/



	#top-menu li li .menu-highlight { bottom: 0; }

.nav li li:hover ul, ul.nav li li.sfHover ul { left: 241px; top: -7px; }

#mobile_menu { position: absolute; top: 30px; left: -52px; text-align: left; }
	#mobile_menu a { font-weight: 300; color: #fff; text-decoration: none; }
	#mobile_menu ul { display: block !important; visibility: visible !important; }
		#mobile_menu ul a { padding-left: 40px; }
			#mobile_menu ul ul a { padding-left: 60px; }
				#mobile_menu ul ul ul a { padding-left: 80px; }

/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px;	}
	#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
		#wp-calendar a:hover { text-decoration: underline; }
	#wp-calendar caption {	text-decoration: none; font: bold 13px Arial, Sans-Serif; }
	#wp-calendar td {	padding: 3px 5px; }
		#wp-calendar td#today { color: #111; font-weight: bold; }
	#wp-calendar th {	font-style: normal;	text-transform: capitalize;	padding: 3px 5px; }
		#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
		#wp-calendar #next a { padding-right: 10px; text-align: right; }
		#wp-calendar #prev a { padding-left: 10px; text-align: left; }

/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.pagination { overflow: hidden; padding: 20px 0; }
#content .wp-pagenavi { text-align: right; }
	#content .wp-pagenavi a, #content .wp-pagenavi span { background: #fff; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); border: none; padding: 14px 18px; font-size: 18px; color: #d8d8d8; font-weight: normal !important; margin: 0 4px; }
	#content .wp-pagenavi span.current, #content .wp-pagenavi a:hover { color: #454545; }
	#content .wp-pagenavi .nextpostslink, #content .wp-pagenavi .previouspostslink { color: #c3e54b; }
	#content .wp-pagenavi .pages { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.mobile_nav, #mobile_menu { display: none; }

.fullwidth #left-area { float: none; width: auto; }

.entry .wp-pagenavi { padding-top: 30px; }

.et_embedded_videos { display: none; }

.et_pt_gallery_entry { margin-left: 67px !important; }

#et_pt_portfolio_gallery { margin-left: -33px !important; }
	.et_pt_portfolio_item { margin-left: 16px !important; }
	.et_portfolio_large .et_pt_portfolio_item { width: 420px !important; }

@media only screen and ( max-width: 960px ) {
	#et-search, p#et-search-title, p#et-search-title span { background: none !important; }
	#et-search { width: auto !important; height: auto !important; }
		#et-search-inner { padding: 0 !important; }
			#et-search-right { float: none !important; clear: both; text-align: left !important; }
				#et_search_submit { background: #BBB8B8 !important; color: #111 !important; }
			p#et-search-title { margin-bottom: 2px !important; }
				p#et-search-title span { padding: 0 !important; text-shadow: none !important; }
	#et-searchinput { width: auto !important; }
	p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; }
	#et-search-left { float: none !important; width: 100% !important; }
}

@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	.container { width: 728px; }
		#logo { float: none; }
		#menu-wrap { float: none; clear: both; padding-top: 38px; }


		#et-slider-wrapper { height: 760px; }
			.et-slide .container { padding-top: 250px; }
				.et-slide .description { width: 277px; padding-top: 32px; }
					.description h2 { font-size: 48px; }
				.featured-image, #et-slider-controls .et-controllers { width: 402px; }
			#et-slider-controls { bottom: 100px; }

		.et-slider-arrows a { top: 413px; }
		#et-slider-wrapper .et-arrow-prev { left: 0; }
		#et-slider-wrapper .et-arrow-next { right: 0; }
		#et-slider-wrapper:hover .et-arrow-prev { left: 25px; }
		#et-slider-wrapper:hover .et-arrow-next { right: 25px; }

		.subtitle, .service h3, .testimonial .title, .footer-widget h4.widgettitle { font-size: 24px; }
			.description .more { font-size: 18px; }
		.service { margin-right: 35px; width: 155px;	}
		#testimonials { width: 313px; }
			.testimonial { padding: 30px 26px 27px 39px; }
				.testimonial .title { padding-bottom: 3px; }
				.testimonial span.title  { display: block; }
		#recent-updates { width: 331px; }
		#logos img { max-width: 136px; }
		.footer-widget { margin-right: 52px; width: 208px; }

		#left-area { width: 472px; }
		#sidebar { width: 209px; }

		.page-title-area { padding-top: 95px; }
			.page-title-area h1 { font-size: 48px; }

		.entry .meta-info { font-size: 24px; }

	#et_pt_portfolio_gallery { margin-left: -35px !important; }
		.et_pt_portfolio_item { margin-left: 13px !important; width: 201px !important; }
		.et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px !important; }
		.et_portfolio_more_icon { left: 65px !important; }
		.et_portfolio_zoom_icon { left: 106px !important; }


	#et_pt_portfolio_gallery.et_portfolio_small { margin-left: -18px !important; }
		#et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 8px !important; width: 117px !important; }
			#et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { top: 20px !important; }
			#et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px !important; }
			#et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; }

	#et_pt_portfolio_gallery.et_portfolio_large { margin-left: -28px !important; }
		#et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: -3px !important; width: 321px !important; }
			#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 99px !important; }
			#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; }
			#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px !important; }


}


@media only screen and ( max-width: 767px ) {
	.container { width: 440px; }
		.top-content.container { text-align: center; }
			#logo, #top-menu { float: none;	}
			#social-icons, .description p { display: none; }
			.description .subtitle { display: block; }
			.description .more { font-size: 18px; float: left; padding: 17px; }

		#et-slider-wrapper { height: 544px; }
			.et-slide .container { padding-top: 233px; }
				.et-slide .description { width: 203px; padding-top: 22px; }
				.featured-image { width: 211px; }
				#et-slider-controls .et-controllers { width: 100%; text-align: center; }
			#et-slider-controls { bottom: 60px; }

		.et-slider-arrows a { top: 312px; }

		#et-slider-wrapper .et-arrow-prev { left: 0; }
		#et-slider-wrapper .et-arrow-next { right: 0; }
		#et-slider-wrapper:hover .et-arrow-prev { left: 10px; }
		#et-slider-wrapper:hover .et-arrow-next { right: 10px; }

		.description h2 { font-size: 36px; }
		.subtitle { font-size: 18px; }
		.service { float: none; margin-bottom: 35px; }
			.service h3, .footer-widget h4.widgettitle { font-size: 24px; }
		.service { margin-right: 0; width: 375px; }
		#testimonials, #recent-updates { float: none; width: auto; }
		#testimonials { margin: 0 0 50px 24px; }
			.testimonial { padding: 32px 36px 27px 39px; }
		#recent-updates { margin-left: 60px; }
		#logos { padding-bottom: 0; }
			#logos img { max-width: 189px; margin-bottom: 50px; }
			#logos a:nth-child(2) { margin-right: 0; }
		.footer-widget { margin-right: 0; width: auto; margin-bottom: 50px; float: none; }
		.footer-widget.last { margin-bottom: 0; }
		#footer-bottom .container, p#copyright { text-align: center; }
			.bottom-nav { display: inline-block; }
		p#copyright { padding-top: 25px; }

		#menu-wrap, #sidebar { display: none; }
		.mobile_nav { display: inline-block; }

		#et_mobile_nav_menu { margin-top: 45px; }
			.mobile_nav { padding-bottom: 8px; }
		.mobile_nav:hover { text-decoration: none; }

		.page-title-area { padding-top: 51px; }
			.page-title-area h1 { font-size: 48px; }
			.page-title-area .subtitle, .entry .meta-info { font-size: 24px; }

		#left-area { float: none; margin-right: 0; width: auto; }

	#et_pt_gallery { margin-left: -44px !important; margin-right: -40px !important; }
		.et_pt_gallery_entry { margin-left: 7px !important; }

	#et_contact_right { width: 50% !important; margin-left: 0 !important; float: none !important; }

	.sitemap-col { float: none !important; width: auto !important; }

	.et_pt_portfolio_item { margin-left: 30px !important; }

	.et_portfolio_small .et_pt_portfolio_item { width: 380px !important; margin-bottom: 10px; }
		.et_portfolio_small .et_pt_portfolio_entry { float: left; margin-right: 15px; }
		.et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px !important; }
		.et_portfolio_small .et_portfolio_more_icon { left: 38px !important; }
		.et_portfolio_small .et_portfolio_zoom_icon { left: 77px !important; }

	#et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; }
		#et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: -27px !important; width: 404px !important; }
		#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 109px !important; }
		#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 155px !important; }
		#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 195px !important; }
}

@media only screen and ( max-width: 479px ) {
	.container { width: 320px; }
		#et-slider-wrapper { height: 505px; }
			.featured-image, #et-search-form, #content .wp-pagenavi .pages { display: none; }

			.et-slide .description { float: none; width: 100%; }
				.et-slide .description .more { float: none; }

		.top-content.container, .et-slide .container, #logos .container, p#copyright { text-align: center; }
			#logo, #top-menu { float: none;	}
			#social-icons, #footer-widgets, .bottom-nav { display: none; }
			.description h2 { font-size: 36px; }
			.subtitle, .entry .meta-info { font-size: 18px; }
			.service h3 { font-size: 24px; }
		.service { margin-right: 0; width: 255px; }

			.testimonial { padding: 32px 36px 27px 39px; }
		#recent-updates { margin-left: 0; }
			#logos img { max-width: 189px; margin-bottom: 50px; }

		#footer-bottom { padding-top: 0; }

		.page-title-area h1 { font-size: 36px; }

		#breadcrumbs { padding: 10px 0; }

	.et_pt_gallery_entry { margin-left: 56px !important; }

	p.et-registration { margin-top: 35px !important; }
	.et-protected-form { padding: 0 !important; background: none !important; }
	.et-protected { width: auto !important; }

	#et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; }
		.et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 228px !important; }
			.et_portfolio_more_icon, .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 53px !important; }
			.et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 70px !important; }
			.et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 110px !important; }

	.entry .et_portfolio_small .et_pt_portfolio_item { width: 262px !important; margin-left: 0 !important; }

	.et_portfolio_small .et_pt_portfolio_item { margin-left: -15px !important; width: 254px !important; }
}


.et_color_scheme_purple #breadcrumbs-wrapper, .et_color_scheme_purple #services {
border-top: 1px solid #692c6d;
background: #4d2050;
background: -moz-linear-gradient(top, .et_color_scheme_purple#4d2050 0%, .et_color_scheme_purple#3c1a3e 100%);
background: -webkit-gradient(linear, .et_color_scheme_purpleleft top, .et_color_scheme_purpleleft bottom, .et_color_scheme_purplecolor-stop(0%,rgba(29, .et_color_scheme_purple47, .et_color_scheme_purple56, .et_color_scheme_purple1)), .et_color_scheme_purplecolor-stop(100%,#3c1a3e));
background: -webkit-linear-gradient(top, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
background: -o-linear-gradient(top, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
background: -ms-linear-gradient(top, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
background: linear-gradient(to bottom, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d2050', .et_color_scheme_purpleendColorstr='#3c1a3e',GradientType=0 );
}

.et_color_scheme_purple .description .more {
background: #4d2050;
background: -moz-linear-gradient(top, .et_color_scheme_purple#4d2050 0%, .et_color_scheme_purple#3c1a3e 100%);
background: -webkit-gradient(linear, .et_color_scheme_purpleleft top, .et_color_scheme_purpleleft bottom, .et_color_scheme_purplecolor-stop(0%,rgba(29, .et_color_scheme_purple47, .et_color_scheme_purple56, .et_color_scheme_purple1)), .et_color_scheme_purplecolor-stop(100%,#3c1a3e));
background: -webkit-linear-gradient(top, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
background: -o-linear-gradient(top, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
background: -ms-linear-gradient(top, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
background: linear-gradient(to bottom, .et_color_scheme_purple#4d2050 0%,#3c1a3e 100%);
}

.et_color_scheme_purple #breadcrumbs, .et_color_scheme_purple.read-more span, .et_color_scheme_purple.testimonial span.title, .et_color_scheme_purple.entry .meta-info, .et_color_scheme_purple.entry .meta-info a, .et_color_scheme_purple.entry .meta-info a:hover, .et_color_scheme_purple.subtitle, .et_color_scheme_purple.comment_date, .et_color_scheme_purple.comment-reply-link:before, .et_color_scheme_purple.bottom-nav li.current_page_item a, .et_color_scheme_purple#content .wp-pagenavi .nextpostslink, .et_color_scheme_purple#content .wp-pagenavi .previouspostslink { color: #d166d8; }
.mobile_nav { border-color: #d166d8; }
#top-menu a .menu-highlight, .et_color_scheme_purple#mobile_menu .menu-highlight { background-color: #d166d8; }
a { color: #d166d8; }
.subtitle { color: #666;  padding-top:16px;}

/*--------------------[BLUE]--------------------*/
.et_color_scheme_blue #breadcrumbs-wrapper, .et_color_scheme_blue #services {
border-top: 1px solid #2e479b;
background: #21326b;
background: -moz-linear-gradient(top, .et_color_scheme_blue#21326b 0%, .et_color_scheme_blue#172658 100%);
background: -webkit-gradient(linear, .et_color_scheme_blueleft top, .et_color_scheme_blueleft bottom, .et_color_scheme_bluecolor-stop(0%,#21326b), .et_color_scheme_bluecolor-stop(100%,#172658));
background: -webkit-linear-gradient(top, .et_color_scheme_blue#21326b 0%,#172658 100%);
background: -o-linear-gradient(top, .et_color_scheme_blue#21326b 0%,#172658 100%);
background: -ms-linear-gradient(top, .et_color_scheme_blue#21326b 0%,#172658 100%);
background: linear-gradient(to bottom, .et_color_scheme_blue#21326b 0%,#172658 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21326b', .et_color_scheme_blueendColorstr='#172658',GradientType=0 );
}

.et_color_scheme_blue .description .more {
background: #21326b;
background: -moz-linear-gradient(top, .et_color_scheme_blue#21326b 0%, .et_color_scheme_blue#172658 100%);
background: -webkit-gradient(linear, .et_color_scheme_blueleft top, .et_color_scheme_blueleft bottom, .et_color_scheme_bluecolor-stop(0%,#21326b), .et_color_scheme_bluecolor-stop(100%,#172658));
background: -webkit-linear-gradient(top, .et_color_scheme_blue#21326b 0%,#172658 100%);
background: -o-linear-gradient(top, .et_color_scheme_blue#21326b 0%,#172658 100%);
background: -ms-linear-gradient(top, .et_color_scheme_blue#21326b 0%,#172658 100%);
background: linear-gradient(to bottom, .et_color_scheme_blue#21326b 0%,#172658 100%);
}

.et_color_scheme_blue #breadcrumbs, .et_color_scheme_blue.read-more span, .et_color_scheme_blue.testimonial span.title, .et_color_scheme_blue.entry .meta-info, .et_color_scheme_blue.entry .meta-info a, .et_color_scheme_blue.entry .meta-info a:hover, .et_color_scheme_blue.subtitle, .et_color_scheme_blue.comment_date, .et_color_scheme_blue.comment-reply-link:before, .et_color_scheme_blue.bottom-nav li.current_page_item a, .et_color_scheme_blue#content .wp-pagenavi .nextpostslink, .et_color_scheme_blue#content .wp-pagenavi .previouspostslink { color: #3e6afa; }
.et_color_scheme_blue .mobile_nav { border-color: #3e6afa; }
.et_color_scheme_blue #top-menu a .menu-highlight, .et_color_scheme_blue#mobile_menu .menu-highlight { background-color: #3e6afa; }
a { color: #3e6afa; }
.et_color_scheme_blue .subtitle { color: #fff;}

/*--------------------[GREEN]--------------------*/
.et_color_scheme_green #breadcrumbs-wrapper, .et_color_scheme_green #services {
border-top: 1px solid #288a3b;
background: #134f1e;
background: -moz-linear-gradient(top, .et_color_scheme_green#216b2f 0%, .et_color_scheme_green#134f1e 100%);
background: -webkit-gradient(linear, .et_color_scheme_greenleft top, .et_color_scheme_greenleft bottom, .et_color_scheme_greencolor-stop(0%,#216b2f), .et_color_scheme_greencolor-stop(100%,#134f1e));
background: -webkit-linear-gradient(top, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
background: -o-linear-gradient(top, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
background: -ms-linear-gradient(top, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
background: linear-gradient(to bottom, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216b2f', .et_color_scheme_greenendColorstr='#134f1e',GradientType=0 );
}

.et_color_scheme_green .description .more {
background: #134f1e;
background: -moz-linear-gradient(top, .et_color_scheme_green#216b2f 0%, .et_color_scheme_green#134f1e 100%);
background: -webkit-gradient(linear, .et_color_scheme_greenleft top, .et_color_scheme_greenleft bottom, .et_color_scheme_greencolor-stop(0%,#216b2f), .et_color_scheme_greencolor-stop(100%,#134f1e));
background: -webkit-linear-gradient(top, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
background: -o-linear-gradient(top, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
background: -ms-linear-gradient(top, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
background: linear-gradient(to bottom, .et_color_scheme_green#216b2f 0%,#134f1e 100%);
}

.et_color_scheme_green #breadcrumbs, .et_color_scheme_green.read-more span, .et_color_scheme_green.testimonial span.title, .et_color_scheme_green.entry .meta-info, .et_color_scheme_green.entry .meta-info a, .et_color_scheme_green.entry .meta-info a:hover, .et_color_scheme_green.subtitle, .et_color_scheme_green.comment_date, .et_color_scheme_green.comment-reply-link:before, .et_color_scheme_green.bottom-nav li.current_page_item a, .et_color_scheme_green#content .wp-pagenavi .nextpostslink, .et_color_scheme_green#content .wp-pagenavi .previouspostslink { color: #21ab3b; }
.et_color_scheme_green .mobile_nav { border-color: #21ab3b; }
.et_color_scheme_green #top-menu a .menu-highlight, .et_color_scheme_green#mobile_menu .menu-highlight { background-color: #21ab3b; }
.et_color_scheme_green a { color: #21ab3b; }
.et_color_scheme_green .subtitle { color: #fff;}

/*--------------------[RED]--------------------*/
.et_color_scheme_red #breadcrumbs-wrapper, .et_color_scheme_red #services {
border-top: 1px solid #a31818;
background: #560101;
background: -moz-linear-gradient(top, .et_color_scheme_red#770e0e 0%, .et_color_scheme_red#560101 100%);
background: -webkit-gradient(linear, .et_color_scheme_redleft top, .et_color_scheme_redleft bottom, .et_color_scheme_redcolor-stop(0%,#770e0e), .et_color_scheme_redcolor-stop(100%,#560101));
background: -webkit-linear-gradient(top, .et_color_scheme_red#770e0e 0%,#560101 100%);
background: -o-linear-gradient(top, .et_color_scheme_red#770e0e 0%,#560101 100%);
background: -ms-linear-gradient(top, .et_color_scheme_red#770e0e 0%,#560101 100%);
background: linear-gradient(to bottom, .et_color_scheme_red#770e0e 0%,#560101 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#770e0e', .et_color_scheme_redendColorstr='#560101',GradientType=0 );
}

.et_color_scheme_red .description .more {
background: #560101;
background: -moz-linear-gradient(top, .et_color_scheme_red#770e0e 0%, .et_color_scheme_red#560101 100%);
background: -webkit-gradient(linear, .et_color_scheme_redleft top, .et_color_scheme_redleft bottom, .et_color_scheme_redcolor-stop(0%,#770e0e), .et_color_scheme_redcolor-stop(100%,#560101));
background: -webkit-linear-gradient(top, .et_color_scheme_red#770e0e 0%,#560101 100%);
background: -o-linear-gradient(top, .et_color_scheme_red#770e0e 0%,#560101 100%);
background: -ms-linear-gradient(top, .et_color_scheme_red#770e0e 0%,#560101 100%);
background: linear-gradient(to bottom, .et_color_scheme_red#770e0e 0%,#560101 100%);
}

.et_color_scheme_red #breadcrumbs, .et_color_scheme_red.read-more span, .et_color_scheme_red.testimonial span.title, .et_color_scheme_red.entry .meta-info, .et_color_scheme_red.entry .meta-info a, .et_color_scheme_red.entry .meta-info a:hover, .et_color_scheme_red.subtitle, .et_color_scheme_red.comment_date, .et_color_scheme_red.comment-reply-link:before, .et_color_scheme_red.bottom-nav li.current_page_item a, .et_color_scheme_red#content .wp-pagenavi .nextpostslink, .et_color_scheme_red#content .wp-pagenavi .previouspostslink { color: #f04848; }
.et_color_scheme_red .mobile_nav { border-color: #f04848; }
.et_color_scheme_red #top-menu a .menu-highlight, .et_color_scheme_red#mobile_menu .menu-highlight { background-color: #f04848; }
.et_color_scheme_red a { color: #f04848; }
.et_color_scheme_red .subtitle { color: #fff;}


.function{ width:100%; margin-top:92px;}
.function dl{ float:left;}
.function dl dd{ border:dashed #d8e9ff 1px; height:60px; font-size:14px; color:#919191; overflow:hidden;}
.function dl.name{ width:320px; text-align:center; line-height:60px; }
.function dl.name dd{border-top:none; border-right:none;}
.function dl dt{ font-size:30px; color:#919191; }
.function dl.name dt{height:75px; padding-top:50px;}
.function dl.zhsm{ width:500px; border:1px solid #d8e9ff;}
.function dl.zhsm dt{ background:#589cf8; height:125px;}
.function dl.zhsm dd{ border:none; border-bottom:dashed #d8e9ff 1px; text-align:left; padding:0px 30px; vertical-align:middle; line-height:25px; clear:both;}
.function dl p,.function dl h5,.function dl h6{ margin:0px; padding:0px; font-weight:normal;}
.function dl.zhsm dt p,.function dl.zhsm dt div{ float:left; color:#fff; text-align:left; margin-top:30px;}
.function dl.zhsm dt p{ margin-left:125px;}
.function dl h6{ font-size:25px;}
.function dl h5{ font-size:36px; line-height:50px;}
.function dl.zhsm dt div{ margin-left:10px;}
.function dl.zhsm dt div.clear{ margin:0px; padding:0px; width:0px; height:0px;}
.function dl.zhsm dd.function-buttom{ height:95px; text-align:center;}
.function dl.zhsm dd.function-buttom a{ margin-top:30px;}



.function dl.other{ width:370px; border-left:none; margin-top:60px;}
.function dl.other dt{ background:#fff; height:64px; line-height:64px; background:#f8f8f8; border-bottom:1px solid #d8e9ff; overflow:hidden; clear:both;}
.function dl.other dt p,.function dl.other dt div{ margin-top:12px;}
.function dl.other dt h5{ font-size:24px; color:#525252; line-height:43px;}
.function dl.other dt p{ margin-left:100px;}

.login-button,.ys-button{display:inline-block; width:66px; height:36px; text-align:center; color:#fff; border-radius:3px; background:#ffc333; line-height:36px; font-size:12px;}
.login-button:hover{ text-decoration:none; background:#efb324; color:#fff;}
.ys-button{ background:#589cf8; margin-left:10px;}
.ys-button:hover{ text-decoration:none; background:#488eee; color:#fff;}

.main-text img{ display:block; margin:0px auto;}
.main-text h1{ font-size:30px; color:#333;}
.main-text h1 span{ color:#589cf8; margin-left:15px;}
.main-text{ text-align:center; }
.main-text div{padding-bottom:56px;}
.main-text p{ font-size:16px; color:#999; line-height:25px; padding-top:15px;}
.main-text div{ width:688px; text-align:center; margin:0px auto; }

.practical .main-text h1{ color:#fff;}

.practical .main-text h1 span{ color:#ffc333}
.practical .main-text p{ color:#fff;}
.practical .main-text{ padding-top:180px;}
.practical .main-text div{ width:658px;}
.registered-bottom{ background:#f0f0f0; padding:50px 0px; text-align:center; width:100%;}
.registered-bottom a{ display:inline-block; width:291px; height:65px; line-height:65px; color:#fff; font-size:24px; background:#589cf8; border-radius:5px;}
.registered-bottom a:hover{ background:#448cee;}

.chain-banner h2{ font-size:36px; color:#333;}
.chain-banner .more {  display: inline-block;  font-size: 16px; color: #fff;  padding: 10px 52px; border: 1px solid #589cf8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #589cf8;}
.chain-banner .ys-more{ background:none; color:#589cf8}



.chain-banner{ width:500px; margin:0px auto; padding-top:250px; float:right;}
.chain-banner .more:hover { color: rgba(255,255,255,0.9); text-decoration: none; background:#488eee;}
.chain-banner .ys-more:hover{ color:#589cf8; background:#f1f1f1;}
.chain-banner p{ font-size:20px; color:#777; line-height:30px;}
.chain-banner p span{ font-size:18px;}
.chain-banner p font{ color:#589cf8; margin:0px 10px;}

.Comprehensive dl{ float:left; width:220px; background:#fff; border:1px solid #dcdcdc; margin-left:14px; padding:20px 30px; margin-top:120px;}
.Comprehensive dl dt{ display:block; margin:0px auto;}
.Comprehensive dl dt p{ font-size:18px; color:#333;}
.Comprehensive dl dd{ color:#999; font-size:14px;}


.main-text table{ width:933px; margin:0px auto;}
.main-text table td{ text-align:left; padding:15px 10px;}
.main-text table td h6{ color:#559afb; font-size:16px; line-height:20px; margin:0px; padding:0px;}
.main-text table td p{ color:#999; font-size:14px; padding:0px; margin:0px; line-height:20px; padding-top:10px;}

.explicit .fl,.explicit .fr{ width:50%;}
.explicit .fl img{ display:block; max-height:100%; max-width:100%;}
.explicit .fl{ height:612px; background:url(../images/chain-img02.png) left center no-repeat;}
.explicit .fr{ background:#559afb; color:#fff;}
.explicit .fr div{ width:423px; color:#fff; margin-top:200px; margin-left:50px;}
.explicit .fr div h3{ font-size:30px;}
.explicit .fr div p{ font-size:16px; line-height:25px; padding-top:15px;}


/*  下载  */
.download{ background:#eeeeee; position:relative; top:-8px;}
.downloadBanner{ background:url(../images/downloadBanner.jpg) no-repeat center #313038; height:144px; position:relative; top:-8px;}
.downloadTab ul{ width:1020px; margin:0 auto; padding-top:70px;}
.downloadTab ul li{ width:340px; height:74px; float:left;}
.downloadTab ul li a{ background-image:url(../images/downloadTab.png); font-size:24px; text-align:center; width:340px; height:74px; float:left; line-height:74px;}
.downloadTab ul li .normal{ background-position:0 0; color:#656567;}
.downloadTab ul li .select, .downloadTab ul li .normal:hover{ background-position:-369px 0; color:#589cf8;}

.downloadList{ margin:20px auto; width:1020px;}
.downloadList li{ border:1px solid #ccc; border-radius:3px; width:205px; height:440px; padding:40px 20px 20px 20px; margin:0 10px 20px 0; background:#FFF; float:left;}
.downloadList li:last-child{ margin-right:0px;}
.downloadList h3{ font-size:24px; color:#333; text-align:center;}
.downloadList h4{ font-size:18px; color:#7d7d7d; text-align:center; padding-top:6px;}
.downloadList .dw_content{ height:90px; font-size:14px; color:#999; }
.downloadList li .icon{ background-image:url(../images/downloadIcon.png); background-repeat:no-repeat; width:126px; height:126px; margin:40px 40px;}

.downloadList .android_download .icon{ background-position:0 0;}
.downloadList .iOS_download .icon{ background-position:-263px 0;}
.downloadList .web_download .icon{ background-position:-522px 0;}
.downloadList .pc_download .icon{ background-position:-782px 0;}




.dw_greenButton {
    border: 1px solid #3ccf7e;
    background: #3ccf7e;
    border-radius: 3px;
    transition: background linear .3s;
    padding: 5px 20px;
    color: #FFF;
}

.dw_greenButton:hover {
    border: 1px solid #61a501;
    background: #6dba00;
    width: 100px;
    transition: background linear .3s;
    color: #FFF;
}

.dw_greenButton:active {
    border: 1px solid #61a501;
    background: #64aa01;
    transition: background linear .3s;
    color: #FFF;
}

.blueButton:hover{ background:#2e6fed; border:1px solid #3578fb;}


.bigNoIcon .menu .dropdown .moreList li .moreText .icon{ display:block; width:34px; height:34px;}
.ml20{ margin-left:20px;}












/***首页***/

.Edition{ text-align:center; margin-top:93px; }
.index-title h1,.index-more{ margin:0px auto;}
.index-title{ font-size:30px; color:333; text-align:center; width:100%;margin-top:-73px;}
.index-img{margin-left:-30%;margin-top:-50px;}
.index-img2{margin-left:65%;margin-top:-580px;}
.index-more{ color:#6699ff; width:234px; height:46px; border:1px solid #6699ff; text-align:center; font-size:18px; margin-top:30px; text-align:center; line-height:46px; border-radius:3px;}
.index-more:hover{ background:#6699ff; color:#fff; cursor:pointer;}
.index-more em{ display:inline-block; width:21px; height:46px; background:url(../images/index-More.png) center no-repeat; margin-left:5px; display:inline;}
.index-more em,.index-more span{display:inline-block; float:left;}
.index-more:hover em{background:url(../images/1817626523.png) center no-repeat; }
.index-more:hover a{color:#fff;}
.index-more a{display:block; width:100%; height:46px;}
.index-more span{ height:26px; margin-left:67px;}
.Edition dl{ float:left;  width:399px; border-right:1px solid #ccc; margin-top:62px; }
.Edition dl dt{ width:96px; height:102px; background:url(../images/home3.png) no-repeat; margin:0px auto;}
.Edition dl dt.Professional{ background-position:-98px 0px;}
.Edition dl dt.Chain{background-position:-195px 0px;}
.Edition dl dt.qiankuan{background-position:-288px 0px;}
.Edition dl dt.lanya{background-position:-384px 0px;}
.Edition dl dt.baobiao{background-position:-491px -0px;}
.Edition dl dd{ margin-top:20px;}
.Edition dl dd p{ color:#999; font-size:14px; }
.Edition dl dd h2{ font-size:30px; color:#333;}


.different dl{ float:left; width:386px; margin-left:45px;  background:url(../images/home3_22.png) no-repeat; color:#fff; width:166px; height:284px; text-align:center; padding:75px 40px; margin-top:78px;}
.different dl dt{ font-size:24px;}
.different dl dd{ font-size:14px; line-height:20px; padding-top:25px;}

.Multi-function dl{ border:none; padding:0px 48px; width:300px; margin-top:38px;}
.Multi-function dl dd h2{ font-size:17px;}
.Multi-function dl dt{ width:96px; height:96px; background:url(../images/home3_13.png) no-repeat 0px;}
.Multi-function dl dt.Professional {background-position:-96px 0px;}
.Multi-function dl dt.Chain{ background-position:-192px 0px;}

.evaluation{ width:100%; background:#f4f4f4 url(../images/home3-05.png) top center no-repeat; height:600px; margin-top:76px;}


.index-case-text{ background:#f4f4f4; padding:45px 30px;}
.index-case-text dl{ width:495px; float:left; padding-top:50px;}
.index-case-text dl dt{ color:#666; font-size:20px; padding-bottom:10px;}
.index-case-text dl dd{ font-size:14px; color:#666; line-height:24px;}

.hidden{display:none;}
.scrolldoorFrame{ overflow:hidden;}
.scrollUl{overflow:hidden; background:#ffffff;  width:100%; position:relative; z-index:9999; height:70px;}
.scrollUl li{float:left; text-align:center; width:150px; height:70px; font-size:1.2em;}
.scrollUl li a{left:600px; display:inline; color:#fff;}
.bor03{ height:auto; border-top:none; border-bottom:none; }
.sd01{font-weight:bold; text-align:center; background:#589cf8;}
.sd01 span{ display:block;}
.sd02{color:#fff; font-weight:normal; }
.evaluation-text,.evaluation-text h6,.evaluation-text p{ text-align:center; font-size:18px; line-height:24px; margin:0px; padding:0px; font-weight:normal; color:#666;}
.evaluation-text{ margin-top:94px; margin-bottom:51px; height:65px;}
.evaluation-text p{ font-size:14px; padding-top:5px;}
.scrollUl li{ position:relative;}
.scrollUl li img{ display:block; }
.scrollUl li span{ display:none; position:absolute; left:0px; top:0px;}
.scrollUl li.sd01 img{ display:none;}
.scrollUl li.sd01 span,.scrollUl li.sd01 span img{ display:block;}

.buycom { width:100%; height: 558px; position: relative; overflow:hidden; top:0px;}

.buycom li,.buycom li a{
	width: 100%;
	height: 558px;
	display: block;
}

.buycom img{position: relative; left:-23%; top:0px;}

.buycom .num {  height: 25px; position: absolute; bottom:12px; zoom:1; z-index:3; text-align:center; width:100%;}
.buycom .num ul{ display:inline-block;}
.buycom .num li { width: 16px; height: 16px; line-height: 25px;  background: #999; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; display:inline-block; font-size:0px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.buycom .num li.on { background: #fff; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;   box-shadow:0px 0px 5px 0px #555;  } 
.buycom .prev,
.buycom .next { display: none; width: 42px; height: 81px;  position: absolute; top: 217px;}
.buycom .prev { left: 10%; background:url(../images/left-arrow.png) no-repeat;}
.buycom .next { right: 10%; background:url(../images/right-arrow.png) no-repeat; }


.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; width:1200px; margin:0px auto; height:597px; text-align:center;}

.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute; width:1200px;}
.ck-slide ul.ck-slide-wrapper li img{ display:inline-block; margin:0px auto; max-height:100%; max-width:100%;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 999; width: 42px; height: 81px; margin-top: -35px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 5px; background:url(../images/left-arrow.png) no-repeat;}
.ck-slide .ck-next { right: 5px; background: url(../images/right-arrow.png) no-repeat;}
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.ck-slidebox ul { height: 20px;}
.ck-slidebox ul li { float: left; height: 14px; margin: 4px 4px; margin-left:18px;}
.ck-slidebox ul li em { display: block; width: 14px; height: 14px; border-radius: 100%; background-color: #bebebe; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #589cf8;}
.ck-slidebox ul li em:hover { background-color: #589cf8;}

.mianc { position: relative; height: 100%; overflow-x: hidden; overflow-y: auto;}
.main h1 { font-family: "Microsoft Yahei";}
.explain, .jq22-explain { margin-top: 20px; font-size: 14px; text-align: center; color: #f50;}

.vad { margin: 50px 0 5px; font-family: Consolas,arial,宋体,sans-serif; text-align:center;}
.vad a { display: inline-block; height: 36px; line-height: 36px; margin: 0 5px; padding: 0 50px; font-size: 14px; text-align:center; color:#eee; text-decoration: none; background-color: #222;}
.vad a:hover { color: #fff; background-color: #000;}
.thead { width: 728px; height: 90px; margin: 0 auto; border-bottom: 40px solid #fff;}

.code { position: relative; margin-top: 100px; padding-top: 41px;}
.code h3 { position: absolute; top: 0; z-index: 10; width: 100px; height: 40px; font: 16px/40px "Microsoft Yahei"; text-align: center; cursor: pointer;}
.code .cur { border: 1px solid #f0f0f0; border-bottom: 1px solid #f8f8f8; background-color: #f8f8f8;}
.code .h31 { left: 0;}
.code .h32 { left: 102px;}
.code .h33 { left: 204px;}
.code .h34 { left: 306px;}
.code { width: 900px; margin-left: auto; margin-right: auto;}
pre { padding: 15px 0; border: 1px solid #f0f0f0; background-color: #f8f8f8;}
.f-dn { display: none;}




/* 客户案例  */
.CaseBG	{background: url(../images/Case.png) center; width:100%; height:282px; display:block;   position: relative;
  top: -8px;}
.Case{ width:100%; text-align:center; margin-top:30px; margin-bottom:30px;}
.Case .box_case{width:1020px; margin:0 auto; margin-bottom:30px;}
.CaseDashed{background:url(../images/Case01.png) repeat-y; width:1px;}
.CaseHead01, .CaseHead02, .CaseHead03, .CaseHead04, .CaseHead05, .CaseHead06, .CaseHead07, .CaseHead08, .CaseHead09{background: url(../images/CaseHead.png); width:126px; height:126px; display:block;}
.CaseHead01{ background-position:0 0;}
.CaseHead02{ background-position:0 -126px;}
.CaseHead03{ background-position:0 -252px;}
.CaseHead04{ background-position:0 -378px;}
.CaseHead05{ background-position:0 -504px;}
.CaseHead06{ background-position:0 -630px;}
.CaseHead07{ background-position:0 -756px;}
.CaseHead08{ background-position:0 -882px;}
.CaseHead09{ background-position:0 -1008px;}
.CaseMoreBG{background:url(../images/CaseMoreBG.jpg) no-repeat center; width:100%; height:695px; text-align:center;}




/* 适合行业 */

.businesstype{ width:1002px; margin:0 auto; padding-top:60px;}
.businesstype h1{ color:#36383c; text-align:center;}
.businesstype .icon{ background-image:url(../images/icon3.png); width:150px; height:150px; float:left;}
.businesstype .text{ width:150px; text-align:center; float:left; font-size:18px; color:#5b5f66; padding-top:20px;}
.businesstype .clothingIndustry .icon{ background-position:-332px -31px;}
.businesstype .appliancesIndustry .icon{ background-position:-332px -202px;}
.businesstype .constructionIndustry .icon{ background-position:-332px -372px;}
.businesstype .carIndustry .icon{ background-position:-517px -31px;}
.businesstype .computerIndustry .icon{ background-position:-517px -202px;}
.businesstype .othersIndustry .icon{ background-position:-517px -372px;}
.businesstype .BtypeList ul li{ float:left; width:150px; padding-right:20px;}
.businesstype .BtypeList{ float:left; padding:80px 0;}
.businesstype a:hover .icon, .businesstype a:hover .text{ transform:scale(1.1,1.1); transition:transform linear .2s, opacity linear .2s; opacity:0.8;}

/* 行业专题 */
.BtypeBanner{ width:100%; height:300px; float:left;}
.carBanner{ background:url(../images/typeCar.jpg) center;}
.clothingBanner{ background:url(../images/typeClothing.jpg) center;}
.constructionBanner{ background:url(../images/typeConstruction.jpg) center;}
.appliancesBanner{ background:url(../images/typeAppliances.jpg) center;}
.computerBanner{ background:url(../images/typeComputer.jpg) center;}

.BtypeBanner .bannerContent{ width:334px; margin:0 auto; padding-top:220px;}
.BtypeLinkArea{ width:100%; float:left; background:#fcfcfc; border-bottom:1px solid #dcdcdc;}
.BtypeLink{ width:1002px; margin:0 auto;}
.BtypeLinkArea .BtypeLink .menu a{ float:left; color:#444a50; font-size:14px; height:60px; line-height:60px; transition:color ease-in .1s;}
.BtypeLinkArea .BtypeLink .menu a:hover{ color:#0562d9; transition:color ease-in .1s;}
.BtypeLinkArea .BtypeLink .menu li{ padding-right:40px; float:left;}
.BtypeLinkArea .BtypeLink .loginButton{ background:#fcfcfc; border:1px solid #e0e0e0; border-radius:3px; font-size:14px; color:#444a50; width:85px; line-height:30px; text-align:center;  transition:border ease-in .3s,  background ease-in .3s, color ease-in .3s; cursor:pointer; margin-top:14px;}
.BtypeLinkArea .BtypeLink .loginButton:hover{ background:#0562d9; border:1px solid #0562d9; color:#FFF;  transition:border ease-in .3s, background ease-in .3s, color ease-in .3s; }
.BtypeLinkArea .BtypeLink .loginButton:active{ background:#3595d1; border:1px solid #3595d1; color:#FFF;  transition:border ease-in .3s, background ease-in .3s, color ease-in .3s; }

.typePhoto{ width:100%; float:left; padding:50px 0;}
.typePhoto .typePhotoIn{ width:1002px; margin:0 auto;}
.typePhoto h1{ color:#2f3b50; text-align:center; padding-bottom:50px; line-height:2em;}

.typeCar{ background:url(../images/typeCarPhoto.jpg); width:1002px; height:386px;}
.typeClothing{ background:url(../images/typeClothingPhoto.jpg); width:1002px; height:386px;}
.typeConstruction{ background:url(../images/typeConstructionPhoto.jpg); width:1002px; height:386px;}
.typeAppliances{ background:url(../images/typeAppliancesPhoto.jpg); width:1002px; height:386px;}
.typeComputer{ background:url(../images/typeComputerPhoto.jpg); width:1002px; height:386px;}

.typePhoto .text1{ font-size:16px; color:#FFF; padding:0 20px;}
.typePhoto .text2{ font-size:16px; color:#FFF; padding:0 20px 0 40px;}

.solutionLine{ background:#fafafa; border-top:1px solid #e0e0e0; float:left; width:100%;  padding:50px 0;}
.solutionLine h1{ color:#2f3b50; text-align:center; padding-bottom:50px;  line-height:2em;}
.solutionLine .solutionLineIn{ width:1002px; margin:0 auto;}
.solutionLine .one, .solutionLine .two{ width:295px; margin-right:58px; float:left}
.solutionLine .three{ width:295px; margin-right:0px; float:left}
.solutionLine h2, .solutionLine h3, .solutionLine h4{ text-align:center; color:#2f3b50; font-size:18px;}
.solutionLine h3{ font-size:14px; padding:5px 0 15px 0;}
.solutionLine h4{ font-size:12px; color:#4e5e79;}

.solutionLine .icon{ background-image:url(../images/icon3.png); width:81px; height:81px; margin:0 107px 10px 107px; display:inline-block;}
.SLcar .one .icon{ background-position:-757px -10px;}
.SLcar .two .icon{ background-position:-921px -10px;}
.SLcar .three .icon{ background-position:-1063px -10px;}
.SLclothing .one .icon{ background-position:-757px -130px;}
.SLclothing .two .icon{ background-position:-921px -130px;}
.SLclothing .three .icon{ background-position:-1063px -130px;}
.SLappliances .one .icon{ background-position:-757px -255px;}
.SLappliances .two .icon{ background-position:-921px -255px;}
.SLappliances .three .icon{ background-position:-1063px -255px;}
.SLconstruction .one .icon{ background-position:-1233px -10px;}
.SLconstruction .two .icon{ background-position:-1395px -10px;}
.SLconstruction .three .icon{ background-position:-1536px -10px;}
.SLcomputer .one .icon{ background-position:-757px -255px;}
.SLcomputer .two .icon{ background-position:-1238px -130px;}
.SLcomputer .three .icon{ background-position:-1392px -130px;}


.tryNow{ width:100%; float:left; height:300px; padding:50px 0;}
.TNcar{ background:url(../images/typeCarB.jpg) center no-repeat;}
.TNclothing{ background:url(../images/typeClothingB.jpg) center no-repeat;}
.TNappliances{ background:url(../images/typeAppliancesB.jpg) center no-repeat;}
.TNconstruction{ background:url(../images/typeConstructionB.jpg) center no-repeat;}
.TNcomputer{ background:url(../images/typeComputerB.jpg) center no-repeat;}



.tryNow .tryNowIn{ width:1002px; margin:0 auto;}
.tryNow h1{ text-align:center; color:#FFF; margin:90px 0;}

.fit{ width:100%; float:left; height:200px;}
.fitIn{ width:1002px; margin:0px auto;}
.yellowBg{ background:#dfc500;}
.blueBg{ background:#63b7eb;}
.cyanBg{ background:#66d4bf;}
.greenBg{ background:#b1ce41;}
.purpleBg{ background:#9b71cd;}


.fit h1{ width:200px; color:#FFF; line-height:200px; float:left;}
.fit ul li{ float:left; width:185px; padding-right:15px;}
.fit .icon{ background-image:url(../images/icon3.png);  width:110px; height:110px;  margin:0 auto; display:inline-block;}
.fit ul li a{ display:block; text-align:center; padding-top:30px;}
.FIAndroid .icon{ background-position:-763px -423px;}
.FIApple .icon{ background-position:-970px -423px;}
.FIWeb .icon{ background-position:-1180px -423px;}
.FIPC .icon{ background-position:-1385px -423px;}
.fit .text{ width:185px; text-align:center; color:#FFF; font-size:18PX; display:block;}
.fit ul li a:hover{ opacity:0.8;}

.BsupportBanner{ background:url(../images/BsupportBanner.png) center no-repeat #60656e;}
.Blist{ width:100%; float:left; padding:60px 0;}
.BlistIn{ width:1002px; margin:0 auto;}
.Blist ul li{ float:left; width:320px; height:190px; padding:0 21px 21px 0;}
.Blist ul li a{ border-radius:5px; height:190px; width:320px; float:left; transition:transform linear .2s, opacity linear .2s; opacity:1;}
.Blist ul li a .icon{ width:80px; height:80px; padding:20px; float:left; background:url(../images/icon3.png); margin:20px 10px 0 0 ;}
.Blist ul li a .info{ float:left; margin-top:55px;}
.Blist ul li a .info h1{ font-size:18px; color:#FFF;}
.Blist ul li a .info h2{ font-size:14px; color:#FFF; opacity:0.8;}
.Blist ul li a:hover{ transform:scale(1.1,1.1); transition:transform linear .2s, opacity linear .2s; opacity:0.8;}

.Blist .clothing a{ background:#63b7eb;}
.Blist .clothing a .icon{ background-position:-332px -31px;}
.Blist .appliances a{ background:#66d4bf;}
.Blist .appliances .icon{ background-position:-332px -202px;}
.Blist .construction a{ background:#b1ce41;}
.Blist .construction .icon{ background-position:-332px -372px;}
.Blist .car a{ background:#dfc500;}
.Blist .car .icon{ background-position:-517px -31px;}
.Blist .computer a{ background:#9b71cd;}
.Blist .computer .icon{ background-position:-517px -202px;}
.Blist .other a{ background:#8198eb;}
.Blist .other .icon{ background-position:-517px -372px;}

.othersList{ background:#60656e; width:100%; float:left; padding:60px 0;}
.othersList .othersListIn{ width:1002px; margin:0 auto;}
.othersList .othersListIn .content{ background:url(../images/othersI.png); width:1000px; height:620px; float:left;}

#slides {
display: block;
width: 100%;
height: 450px;
list-style: none;
padding: 0;
margin: 0;
position: relative;
z-index: 98;}

#slides li {
display: block;
width: 100%;
height: 100%;
list-style: none;
padding: 0;
margin: 0;
position: absolute;
}

.needYou{ background:url(../images/careersNeedYou.png) center no-repeat; width:1002px; float:left; height:680px;}
.knowledge{ background:url(../images/careersKnowledge.png) center no-repeat; width:1002px; float:left; height:420px;}
.lover{ background:url(../images/careersLover.png) center no-repeat; width:1002px; float:left; height:420px;}
.perfect{ background:url(../images/careersPerfect.png) center no-repeat; width:1002px; float:left; height:420px;}
.stop{ background:url(../images/careersStop.png) center no-repeat; width:1002px; float:left; height:220px;}
.coder{ background:url(../images/careersCoder.png) center bottom no-repeat; width:1002px; float:left; height:620px;}
.designer{ background:url(../images/careersDesigner.png) center bottom no-repeat; width:1002px; float:left; height:420px;}
.PR{ background:url(../images/careersPR.png) center  no-repeat; width:1002px; float:left; height:520px;}
.servic{ background:url(../images/careersService.png) center bottom no-repeat; width:1002px; float:left; height:420px;}
.joinUs{ width:1002px; float:left; height:420px;}


#slides { display:block; width:100%; height:450px; list-style:none; padding:0; margin:0; position:relative;z-index:98;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;}
#pagination { display:block; list-style:none; position:absolute; left:48.5%; top:608px; z-index:98;  padding:5px 15px 5px 10px; margin:0; margin-left:-30px; text-indent:9999px;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:9px; border-radius:5px; background:#ccc; overflow:hidden;}
#pagination li.current { background:#0092CE}
#pagination li a{ cursor:pointer;}

.SLclothing .one .iconone{ background-position:-200px -608px;}
.SLclothing .two .iconone{ background-position:-280px -608px;}
.SLclothing .three .iconone{ background-position:-360px -608px;}
.SLclothing .one .icontwo{ background-position:-440px -608px;}
.SLclothing .two .icontwo{ background-position:-520px -608px;}
.SLclothing .three .icontwo{ background-position:-600px -608px;}
.SLclothing .one .iconthree{ background-position:-680px -608px;}
.SLclothing .two .iconthree{ background-position:-760px -608px;}
.SLclothing .three .iconthree{ background-position:-840px -608px;}
.solutionLine .icon, .iconone, .icontwo, .iconthree{ background-image:url(../images/icon3.png); width:81px; height:81px; margin:0 107px 10px 107px; display:inline-block;}

.othersList{ background:#60656e; width:100%; float:left; padding:60px 0;}
.othersList .othersListIn{ width:1002px; margin:0 auto;}
.othersList .othersListIn .othersIOne, .othersITwo, .othersIThree, .othersIFour, .othersIFive, .othersISix, .othersISeven, .othersIEight, .othersINine{ background:url(../images/othersI.png) no-repeat; float:left;}
.othersIOne{background-position: 0px 0px; width:245px; height:200px; margin:0 10px 10px 0;}
.othersITwo{background-position: -255px 0px; width:490px; height:200px; margin:0 10px 10px 0;}
.othersIThree{background-position: -755px 0px; width:245px; height:200px; margin-bottom:10px;}
.othersIFour{background-position: -0px -210px; width:490px; height:200px; margin:0 10px 10px 0;}
.othersIFive{background-position: -500px -210px; width:245px; height:200px; margin:0 10px 10px 0;}
.othersISix{background-position: -755px -210px; width:245px; height:200px; margin-bottom:10px;}
.othersISeven{background-position: 0px -420px; width:245px; height:200px; margin-right:10px;}
.othersIEight{background-position: -255px -420px; width:235px; height:200px;margin-right:10px;}
.othersINine{background-position: -500px -420px; width:500px; height:200px;}

.othersIOne .showMessage{ opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); background:#000; width:245px; height:200px;  padding:0px; margin:0px; transition:opacity linear .3s; color:#FFF; font-size:16px;}
.othersITwo .showMessage{ opacity:0;  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); background:#000; width:490px; height:200px;  padding:0px; margin:0px; transition:opacity linear .3s; color:#FFF; font-size:16px;}
.othersIThree .showMessage{ opacity:0;  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); background:#000; width:245px; height:200px;  padding:0px; margin:0px; transition:opacity linear .3s; color:#FFF; font-size:16px;}
.othersIFour .showMessage{ opacity:0;  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); background:#000; width:490px; height:200px;  padding:0px; margin:0px; transition:opacity linear .3s; color:#FFF; font-size:16px;}
.othersIFive .showMessage{ opacity:0;  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); background:#000; width:245px; height:200px;  padding:0px; margin:0px; transition:opacity linear .3s; color:#FFF; font-size:16px;}
.othersISix .showMessage{ opacity:0;  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); background:#000; width:245px; height:200px;  padding:0px; margin:0px; transition:opacity linear .3s; color:#FFF; font-size:16px;}
.othersISeven .showMessage{ opacity:0;  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); background:#000; width:245px; height:200px;  padding:0px; margin:0px; transition:opacity linear .3s; color:#FFF; font-size:16px;}
.othersIEight .showMessage{ opacity:0;  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); background:#000; width:235px; height:200px;  padding:0px; margin:0px; transition:opacity linear .3s; color:#FFF; font-size:16px;}
.othersINine .showMessage{ opacity:0;  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); background:#000; width:500px; height:200px;  padding:0px; margin:0px; transition:opacity linear .3s; color:#FFF; font-size:16px;}
.othersIOne:hover .showMessage, .othersITwo:hover .showMessage, .othersIThree:hover .showMessage, .othersIFour:hover .showMessage, .othersIFive:hover .showMessage, .othersISix:hover .showMessage, .othersISeven:hover .showMessage, .othersIEight:hover .showMessage, .othersINine:hover .showMessage{ opacity:0.8; transition:opacity linear .3s;  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.othersIOne .showMessage:hover, .othersITwo .showMessage:hover, .othersIThree .showMessage:hover, .othersIFour .showMessage:hover, .othersIFive .showMessage:hover, .othersISix .showMessage:hover, .othersISeven .showMessage:hover, .othersIEight .showMessage:hover, .othersINine .showMessage:hover{ opacity:0.8;  transition:opacity linear .3s; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}

.bannerBottomAD{ background: url(../images/30161346511.png) no-repeat center; height:50px; width:100%; float:left;}
.bannerBottomAD a{ width:100%; height:50px; float:left;}
.PutOnRecord{background:url(../images/PutOnRecord.gif) center no-repeat; width:128px; height:47px; display:block; float:left;}

.chainBanner{ background:url(../images/chainBanner.jpg) center no-repeat;}
.bannerDownloadArea { width:505px; height:88px; margin:0 auto; padding-top:250px;}
.bannerDownloadArea ul{ padding-left:32px;}
.bannerDownloadArea ul, .bannerDownloadArea ul li{ float:left;}
.bannerDownloadArea ul li .BDbutton{opacity:0.6; background-image:url(../images/bannerDownloadIcon.png); width:91px; height:91px; float:left; margin-right:27px; -webkit-transition: linear opacity .4s;}
.bannerDweb{ background-position:0 0;}
.bannerDpc{ background-position:-118px 0;}
.bannerDandroid{ background-position:-237px 0;}
.bannerDapple{ background-position:-355px 0;}
.bannerDownloadArea ul li .BDbutton:hover{ opacity:1; -webkit-transition: linear opacity .4s;}

.chain01{ background:url(../images/chain001.jpg) center bottom no-repeat; padding:80px 0;}
.chainIn{ width:1002px; margin:0px auto;}
.chain01 h1{ text-align:center; font-size:30px; color:#45494e; margin-bottom:80px;}
.chain01 ul li{ width:420px; float:left; margin:0 130px 80px 0;}
.chain01 ul li h3{ font-size:24px; color:#45494e; padding-bottom:30px;}
.chain01 ul li h4{ font-size:18px; color:#45494e; font-weight:normal;}
.chain01 ul li p{ font-size:14px; color:#797988; margin-bottom:30px;}

.chain02{ border-top:#e3e4e5 solid 1px; padding-bottom:100px;}
.chain02 h1{ color:#45494e!important; padding-bottom:100px;}
.iconList{ margin:0 auto;  width:1002px;}
.iconList li{ width:320px; margin-right:21px; float:left; text-align:center;}
.iconList li .icon{ width:100px; height:100px; display:inline-block;}
.iconList li h3{ font-size:14px; color:#050505;}
.iconList li p{ color:#797988; font-size:12px;}
.chain02 .iconList .icon{ background-image:url(../images/iconNew.png); background-repeat:no-repeat;}
.chain02 .iconList .C201 .icon{ background-position:0 0;}
.chain02 .iconList .C202 .icon{ background-position:-342px 0;}
.chain02 .iconList .C203 .icon{ background-position:-682px 0;}

.deepGreen{ background-color:#006837 !important;}
.chain03{  background:url(../images/chain03.jpg) center bottom no-repeat; height:500px;}
.chain03 h1{ color:#fff; text-align:center; margin:50px 0;}
.chain03 h2{ text-align:center; color:#adadad; font-size:14px;}

.baseBanner{ background:url(../images/baseBanner.jpg) no-repeat center;} 
.lightBlue{ background-color:#459be6 !important;}
.base01{ background:url(../images/base01.png) center bottom no-repeat; padding:80px 0; height:400px;}
.base01 h1{ color:#FFF; text-align:center; font-size:30px; margin-bottom:50px;}
.base01 h2{ color:#FFF; text-align:center; font-size:14px;}

.base02 h1{ color:#45494e !important;}
.base02 h2{ color:#797988 !important;}
.base02{ background:url(../images/base02.jpg) bottom center no-repeat #edeeef; border-bottom:1px solid #e1e2e3; height:550px;}

.base03 h1{ color:#45494e !important;}
.base03 h2{ color:#797988 !important;}
.base03{ padding-bottom:50px;}
.base03 .function{ width:746px; margin:0 auto; padding-top:50px;}
.base03 .function li{ width:100px; float:left; margin-right:115px; padding-bottom:40px;}
.base03 .function li .icon{ background-image:url(../images/baseIcon.png); background-repeat:no-repeat; width:100px; height:100px; display:inline-block;}
.base03 .function li p{ text-align:center; font-size:14px; color:#050505; margin-top:0px;}
.Ficon1 .icon{ background-position:0 0;}
.Ficon2 .icon{ background-position:-216px 0;}
.Ficon3 .icon{ background-position:-432px 0;}
.Ficon4 .icon{ background-position:-647px 0;}
.Ficon5 .icon{ background-position:0 -160px;}
.Ficon6 .icon{ background-position:-216px -160px;}
.Ficon7 .icon{ background-position:-432px -160px;}
.Ficon8 .icon{ background-position:-647px -160px;}


.base04 h1{ color:#fff !important;}
.base04 h2{ color:#adadad !important;}
.base04{ background:url(../images/base03.jpg) bottom center no-repeat #022f50; height:550px;}

.anydeviceBanner{ background:url(../images/anydeviceBanner.png) bottom no-repeat;}

.ADweb{ background:url(../images/ADweb.jpg) center bottom no-repeat; height:550px; border-bottom:1px solid #d7d7d7;}
.ADandroid{ background:url(../images/ADandroid.jpg) center bottom no-repeat; height:550px; border-top:1px solid #d7d7d7;}
.ADweb h1, .ADandroid h1{ font-size:30px; color:#45494e; text-align:left; margin-top:80px; padding-bottom:20px;}
.ADweb h2, .ADandroid h2{ font-size:14px; color:#797988; text-align:left; margin-bottom:50px;}
.ADweb h2 a, .ADandroid h2 a{ font-size:12px; color:#2375e5;}
.ADweb h2 a:hover, .ADandroid h2 a:hover{ font-size:12px; color:#2ea820;}

.ADpc{ background:url(../images/ADpc.jpg) center bottom no-repeat; height:550px;}
.ADapple{ background:url(../images/ADapple.jpg) center bottom no-repeat; height:550px; border-top:1px solid #d7d7d7;}
.ADpc h1, .ADapple h1{ font-size:30px; color:#45494e; text-align:left; margin-top:150px; padding-bottom:20px; padding-left:540px;}
.ADpc h2, .ADapple h2{ font-size:14px; color:#797988; text-align:left; margin-bottom:50px; padding-left:540px;}
.ADpc p, .ADapple p{ padding-left:540px;}
.ADpc h2 a, .ADapple h2 a{ font-size:12px; color:#2375e5;}
.ADpc h2 a:hover, .ADapple h2 a:hover{ font-size:12px; color:#2ea820;}

.blueButton2{ border:1px solid #2167ef; background:#3578fb; border-radius:3px; transition:background linear .3s;  padding:10px 50px 5px 20px; color:#FFF; display:inline-block;}
.blueButton2:hover{ border:1px solid #61a501; background:#6dba00;  transition:background linear .3s; color:#FFF; display:inline-block;}
.blueButton2:active{ border:1px solid #61a501; background:#64aa01; transition:background linear .3s; color:#FFF; display:inline-block;}
.blueButton2 .QR, .BDbutton .QR{ display:none;}
.blueButton2:hover .QR, .BDbutton:hover .QR{ display:block; position:absolute;  z-index:100;}

.cover{ background:url(../images/coverBg.png); top:0; width:100%; height:100%; position:fixed; z-index:1000; display:block;}
.choseVersion{  position:fixed; z-index:1001; top:190px; left:26%; width:462px; height:220px; background:#FFF;}
.choseVersion .title{ background:#F2F2F2; border-bottom:1px solid #d7d7d7; width:100%; height:40px; font-size:14px; color:#666; text-indent:10px; line-height:40px;}
.choseVersion .Vbottom{ background:#F2F2F2; border-top:1px solid #eee; width:100%; height:30px; font-size:12px; color:#999; text-indent:10px; line-height:30px; float:left;}
.choseVersion .content{ padding:20px; float:left;}
.choseVersion .content .baseVersion{ background:url(../images/shopIcon1.png) #449bf1 no-repeat 20px 35px; transition:background linear .2s; width:200px; height:110px; border-radius:5px; cursor:pointer; display:block; margin-right:20px;}
.choseVersion .content .baseVersion:hover{ background:url(../images/shopIcon1.png) #6dbcf7 no-repeat 20px 35px; transition:background linear .2s; cursor:pointer;}
.choseVersion .content .baseVersion h1{ font-size:14px; color:#FFF; padding-left:70px; padding-top:15px;}
.choseVersion .content .baseVersion h2{ font-size:12px; color:#c5dffa; padding-left:70px; line-height:120%;}

.choseVersion .content .chainVersion{ background:url(../images/shopIcon2.png) #4ac55d no-repeat 20px 35px; transition:background linear .2s; width:200px; height:110px; border-radius:5px; cursor:pointer; display:block;}
.choseVersion .content .chainVersion:hover{ background:url(../images/shopIcon2.png) #73e48b no-repeat 20px 35px; transition:background linear .2s; cursor:pointer;}
.choseVersion .content .chainVersion h1{ font-size:14px; color:#FFF; padding-left:70px; padding-top:15px;}
.choseVersion .content .chainVersion h2{ font-size:12px; color:#dcf2df; padding-left:70px; line-height:120%;}

.choseVersion .content .dhainVersion{ background:url(../images/mm.png) #23c3bb no-repeat 20px 35px;}

.choseVersion .content .dhainVersion:hover{ background:url(../images/mm.png) #5fe4dd no-repeat 20px 35px;}
.choseVersion .content .dhainVersion h2{color:#b0eeeb}

.qIcon{ position:relative;}
.qIcon h3{ background:url(../images/qIcon.png); width:15px; height:15px; float:left; cursor:pointer;}
.qIcon h4{ display:none;}
.qIcon:hover h4{ background:#f1e86a; font-size:12px; padding:10px; color:#000; border:1px solid #c5bf20; border-radius:10px; width:150px; line-height:150%; position:absolute; z-index:10; display:block; top:20px;}

.closeIcon{ background:url(../images/adclose2.png); width:80px; height:80px; float:right; cursor:pointer;}
.closeIcon:hover{background:url(../images/adclose1.png); cursor:pointer;}

.DimensionsCode .WXHead{padding:5px; position:absolute; display:none;}
.DimensionsCode:hover .WXHead{ position:absolute; display:block; margin:-70px 0 0 55px; z-index:100;}
.navbar-brand { float: left; height: 32px; padding: 15px 15px; font-size: 18px; line-height: 20px ;margin-top:23px;}
.navbar-brand:focus, .navbar-brand:hover { text-decoration: none }
.navbar-brand>img { display: block }
@media (min-width:768px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -15px }
}

.downloadButtonArea ul li .keyword{ background:url(../images/keywordBg.png) no-repeat; float:left; width:100px; padding-top:100px; font-size:14px; color:#666;}
.downloadButtonArea ul li .keyword:hover{ color:#3578fb;}
/*****************2015年7月24日新增样式*************/

.HomeProduct .Show .Show_more h1,.HomeProduct .Show .Show_more h2{ padding:0px; margin:0px;}
.HomeProduct .Show .Show_more h1{ width:100%; text-align:center; font-size:40px;}
.HomeProduct .Show .Show_more h2{ width:100%; font-size:20px; text-align:center; line-height:100px;}
.HomeProduct .Show .Show_more a{ display:block; width:285px; height:57px; line-height:57px; text-align:center; font-size:20px; color:#519e67; margin:0px auto; background:#fff; border-radius:30px;}

.showcase1024 .Show .Show_more{ width:330px; height:330px;}
.showcase1024 .showcaseTwo Show_more{width:332px; height:330px;}
.showcase1024 .Show .Show_more h1{padding-top:95px; font-size:30px;}
.showcase1024 .Show .Show_more h2{  font-size:18px; line-height:70px;}
.showcase1024 .Show .Show_more a{ width:200px;}


.showcase1280 .Show .Show_more{ width:396px; height:396px;}
.showcase1280 .Show .Show_more h1{padding-top:110px;}

.showcase1440 .Show .Show_more{ width:450px; height:450px;}
.showcase1440 .Show .Show_more h1{ padding-top:137px;}
.showcase1280 .Show .Show_more a,.showcase1440 .Show .Show_more a{ display:block; width:285px; height:57px; line-height:57px; text-align:center; font-size:20px; color:#519e67; margin:0px auto; background:#fff; border-radius:30px;}

.showcase1280 .Show .Show_more h1,.showcase1440 .Show .Show_more h1{ width:100%; text-align:center; font-size:40px;}
.showcase1280 .Show .Show_more h2,.showcase1440 .Show .Show_more h2{ width:100%; font-size:20px; text-align:center; line-height:100px;}

.HomeProduct .Show{ position:relative;}

.HomeProduct .Show .Show_more{ display:none; position:absolute; left:0px; top:0px; color:#fff;overflow:hidden; }
.HomeProduct .showcaseTwo h1{ color:#519e67;}
.HomeProduct .showcaseTwo h3{color:#519e67;}


.HomeProduct .Show:hover .Show_more{ display:block;}

.HomeProduct .Show .Show_more a:hover{ background:#edeeef;}
.HomeProduct .showcaseTwo .Show_more h1{color:#fff;}
.HomeProduct .showcaseOne .Show_more {background:#408aae; background:rgba(64, 138, 174, 0.9) none repeat scroll 0 0 !important; filter:Alpha(opacity=90);  }
.HomeProduct .showcaseTwo .Show_more {background:rgba(81, 158, 103, 0.9) none repeat scroll 0 0 !important; filter:Alpha(opacity=90);  background:#62a775; }
.HomeProduct .showcaseThree .Show_more {background:rgba(194, 52, 62, 0.9) none repeat scroll 0 0 !important; filter:Alpha(opacity=90);  background:#c2343e; }


.HomeProduct .showcaseOne .Show_more a{ color:#408aae;}
.HomeProduct .showcaseTwo .Show_more a{ color:#62a775;}
.HomeProduct .showcaseThree .Show_more a{ color:#c2343e;}

.showcase h1{  font-size:30px;}

.showcase h3{ font-size:18px; padding-top:10px;}

/*安全保障*/
.bannerSafety{ width:100%; height:429px; display:block; background:url(/images/safety-banner.png) center no-repeat; text-align:center; margin:0px auto;}
.process{ width:100%; background-color:#043285; padding:20px 0px; text-align:center; border-top:2px solid #0560b7;}
.mr{ max-width:1002px;margin:0px auto;}
.safety{ width:100%; background:url(/images/4anquan.png) no-repeat; height:540px; padding:30px 0px;}
.safety h1{ color:#fff; text-align:center; font-size:40px; padding:10px 0px; font-weight:normal; background:url(/images/titleline.png) center bottom no-repeat; padding-bottom:40px;}
.safety_ad .mr{ background:url(/images/safety/line.png) 0px 40% repeat-x;}
.safety_ad dl dd,.safety_ad dl dt{ padding:0px; margin:0px;}
.safety_ad dl{ float:left; width:235px;  border-radius:5px; background:#fff; margin-left:20px; height:228px; position:relative; margin-top:80px;}
.safety_ad dl dd{ padding:30px 10px; text-align:center; color:#767676; font-size:14px;}
.safety_ad dl dt{ position:absolute; top:-60px; left:65px;}
.safety_ad dl dd h5{ font-size:27px; padding:0px; margin:0px; color:#0461d8; padding-top:10px; font-weight:normal;}
.safety_ad dl dd p{ font-size:14px; line-height:26px; color:#767676; margin:0px; padding:0px; padding-top:10px;}
.clear{ clear:both;}
.safety_2{ background:#fff;}
.safety_2 h1{ color:#000;  background:url(/images/titleline_2.png) center bottom no-repeat; padding-bottom:40px;}
.safety_sj dl dt,.safety_sj dl dd,.safety_sj dl{ margin:0px; padding:0px;}
.safety_sj dl{ float:left; width:470px; padding:30px 0px; padding-left:30px;}
.safety_sj dl dt,.safety_sj dl dd{ float:left;}
.safety_sj dl dt,.safety_sj dl dt img{ width:138px; height:107px; }
.safety_sj dl dd{ width:320px;  float:right; padding-right:20px;}
.safety_sj dl dd h5{ margin:0px; padding:0px; font-size:25px; color:#3597e1; font-weight:normal; line-height:30px; padding-top:10px;}
.safety_sj dl dd p{ font-size:15px; line-height:25px; color:#494948;}
.picc{ width:100%; background:#fff; padding:50px 0px; border-bottom:12px solid #efefef; text-align:center;}
.authenticatio{ background:url(/images/anquan.png) center top no-repeat; height:676px;}
.authenticatio h1{ background:url(/images/titleline.png) center bottom no-repeat;}



.btn {display: inline-block; padding: 6px 12px;margin-bottom: 0;font-size: 14px; font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;
touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-image: none; border: 1px solid transparent;
border-radius: 4px; text-decoration:none;}
.btn-blue { color: #fff; background-color: #00a8ff; border-color: #00a8ff;transition: background linear .3s; }
.btn-blue.active, .btn-blue.focus, .btn-blue:active, .btn-blue:focus, .btn-blue:hover, .open>.dropdown-toggle.btn-blue { color: #fff; background-color: #0097e2; border-color: #0097e2; transition: background linear .3s;}
.btn-blue.active, .btn-blue:active, .open>.dropdown-toggle.btn-blue { background-image: none }
.btn-blue.disabled, .btn-blue.disabled.active, .btn-blue.disabled.focus, .btn-blue.disabled:active, .btn-blue.disabled:focus, .btn-blue.disabled:hover, .btn-blue[disabled], .btn-blue[disabled].active, .btn-blue[disabled].focus, .btn-blue[disabled]:active, .btn-blue[disabled]:focus, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue, fieldset[disabled] .btn-blue.active, fieldset[disabled] .btn-blue.focus, fieldset[disabled] .btn-blue:active, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue:hover { background-color: #00a8ff; border-color: #00a8ff }

.box .newsList ul{ margin-bottom:8px;}
.box .newsList ul li{  background:#fff; width:684px; margin-top:20px;border: 1px solid #eee;
  padding: 20px 20px; margin-left:10px;}
.newsList ul li .fl{ width:23px; background:#3b88fc; color:#fff; text-align:center; padding:0px; border-radius:23px; height:23px; border-radius:23px; font-size:16px; font-weight:normal;}
.newsList ul li .fl font{font-family: impact,Georgia,"Times New Roman",Times,serif,"微软雅黑"; font-size:16px; display:block; margin:0px auto; }
.newsList ul li .fl p{ font-size:12px; margin:0px;}
.newsList ul li .fr{ width:633px; padding:0px 10px;}
.newsList ul li .fr h6{ font-size:18px; color:#333; width:624px; padding:0px; margin:0px; padding-right:10px;  padding-bottom:10px; font-weight:normal;}
.newsList ul li .fr a{ display:block; float:left; width:50%; padding:0px;height:30px; line-height:30px; color:#666; font-size:14px; padding:0px;}
.newsList ul li .fr a:hover{ color:#ff6600; background:none;}
.newsList ul li .fr div{ }
.newsList ul li div.clear{ padding:0px; margin:0px; border:none;}
.page a{margin:0px 3px;}

/*弹出的广告图样式***/
.Transparent{ width:100%; height:100%; position:fixed; z-index:99999; top:0px; background:#000; opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
.Promotion{ position:relative;z-index:999999; margin:auto;  margin:0px auto;  width:811px; height:411px; }
.Promotion .Close{ position:absolute; background:#ffaa01 url(../images/Close.png) no-repeat center; width:43px; height:43px; right:-10px; top:-10px; z-index:999999; cursor:pointer; border-radius:43px; text-align:center; line-height:43px;}
.Promotion .Close:hover{background:#ff7f01 url(../images/Close.png) no-repeat center;}
.Promotion .Promotion-button{ display:block; width:159px; height:49px; background:#fff url(../images/Promotion-button.png) center no-repeat; margin:0px auto; margin-top:344px; cursor:pointer;}
.Promotion .Promotion-button:hover{ background:#e6d5d5 url(../images/Promotion-button.png) center no-repeat;}




.container{width:1003px;margin:0 auto 0 auto;font-size:14px;color:#666;overflow:hidden}



.container-top{margin-top:70px}

.container-1280{width:100%;background-color:#f2f9fe;clear:both;min-width:960px;}

.container-1280-first{width:100%;background-color:#f3f8fc;margin-top:20px;min-width:1003px}

.container-header-top{margin-top:30px}

.container-prod-top{margin-top:40px}

.container-index{margin-top:50px}

.content-title{font-size:26px;color:#3e3e3e;clear:both;margin-bottom:30px;margin-top:25px}


.custvalue-left{float:left;width:49%}

.custvalue-right{float:right;width:49%}